/* CSS Document */
@charset "utf-8";

@font-face {
    font-family: 'DINCond-Medium.pfb';
    src: url('../fonts/dincond-medium.pfb.ttf');
    font-weight: normal;
    font-style: normal;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
blockquote,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0px;
    padding: 0px;
}

body {
    background: #fff
}

html button::-moz-focus-inner {
    border-color: transparent !important;
}

input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
}

ul,
li,
dl,
dt,
dd,
ol {
    display: block;
    list-style: none;
}

fieldset,
img {
    border: 0;
}

iframe {
    background-image: none;
}

input,
textarea {
    outline: none;
}

.clear {
    clear: both;
    height: 0px;
}

.c {
    clear: both;
}

/*清浮动*/
.dn {
    display: none;
}

/*不显示*/
.red {
    color: #009fe9
}

.cheng {
    color: #fd6d27
}

.clear-fix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

img {
    border: 0px;
    /*max-width: 100%*/
}

.img-center {
    text-align: center;
    font-size: 0;
}

.img-center img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.img-cover {
    overflow: hidden;
    position: relative;
}

.img-cover span {
    display: block;
    width: 100%;
    background: no-repeat center / cover;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

body {
    font-family: "微软雅黑";
    color: #333333;
    font-weight: 400;
    -webkit-text-size-adjust: none;
    overflow-x: hidden;
    /* font-size: 12px; */
    padding-top: 0px;
    _padding-top: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
    text-decoration: none;
    /* color: #666; */
    /*transition: all 0.5s ease;*/
    outline: none;-moz-outline-style: none;
}

a:hover {
    text-decoration: none;
    /* color: #009fe9; */
}

.fl {
    float: left;
}

.fll {
    float: left;
}

.fr {
    float: right;
}

.none {
    display: none;
}

.ani5 {
    transition: all ease-in-out .5s;
}

.ani {
    overflow: hidden;
}

.ani img {
    transition: all ease-in-out .3s;
    display: block;
}

.ani:hover img {
    transform: scale(1.05);
}

.w100 {
    width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.h10px {
    height: 10px;
    width: 100%;
    clear: both;
}

.h15px {
    height: 15px;
    width: 100%;
    clear: both;
}

.h25px {
    height: 25px;
    width: 100%;
    clear: both;
}

.h50px {
    height: 50px;
    width: 100%;
    clear: both;
}

.h120px {
    height: 120px;
    clear: both;
}

.h1200 {
    height: 1200px;
}

.mt15px {
    margin-top: 15px;
}

.mt10px {
    margin-top: 10px;
}

.mt20px {
    margin-top: 20px;
}

.mr15px {
    margin-right: 15px;
}

.w1000 {
    width: 1000px;
    margin: 0 auto;
}

.w1100 {
    width: 1100px;
    margin: 0 auto;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.blod {
    font-weight: bold;
}

html {
    -webkit-text-size-adjust: none;
    overflow-x: hidden;
}

.txt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

center {
    text-align: center;
    line-height: 60px;
    font-family: "微软雅黑"
}

em {
    font-style: normal;
}

.tecen {
    text-align: center !important;
}

.red {
    color: #cd3b33 !important;
    font-weight: bold
}

i,
em {
    font-style: normal;
}

.red {
    color: #D8200D;
}

.bad_con dl:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.lan {
    color: #009fe9
}

/* nav */
#htHeader {
    width: 1200px;
    height: 70px;
    margin: 0 auto;
    padding-top: 20px
}

/*顶部效果*/
.pm-head {display: none;}

@media (max-width: 768px) {
    .pc-head {display: none; height: 0;}

    .pm-head {display: block;}
}

.head {
    width: 1300px;
    max-width: 100%;
    margin: 0px auto;
    height: 62px;
    padding-top: 0px;
    background: #fff;
    /* font: 400 14px/62px "微软雅黑"; */
    color: #333;
    text-align: left;
    padding: 30px 0px;
}

.logo {

    margin: 0px;
    padding-top: 0px;
    float: left
}

.head-logo {
    max-height: 100%;
}

@media (max-width: 1100px) {
    .logo {width: 240px; }

    .head-logo { height: 50px; margin-top: 5px;}
}

@media (max-width: 888px) {
    .logo {width: 195px; }

    .head-logo { height: 40px; margin-top: 10px;}
}

.top_box { width: 100%;
    height: 37px;
    line-height: 38px;
    position: relative;
    z-index: 80;
    background-color: #f5f5f5;
    color: #666;
    font-size: 12px;
    border-bottom: 1px solid #ddd;
}

.top_conn { width: 1300px; margin: 0 auto;}

.top_conn li {
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 0 8px;
}

.top_conn .split {
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #666;
    vertical-align: middle;
    margin: 0;
    margin-top: -2px;
}

.top_conn li a {
    color: #666;
    cursor: pointer;
}

.top_conn li a:hover {
    color: #dc0000;
}

.header_main {
    width: 100%;
    height: 120px;
    z-index: 100;
    background: #fff;
}

.header_main .logo {
    display: block;
    margin-top: 20px;
}

.header_main .logo img {
    width: 100%;
    height: 100%;
    display: block;

}

.header_main .tel {
    width: 300px;
    padding: 30px 0 0 0;
    line-height: 26px;
    margin-left: 30px;
}

.header_main .tel b {
    color: #666;
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
}

.header_main .tel span {
    color: #dc0000;
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    font-family: arial;
    display: inline-block;
}

.header_main .tel s {
    width: 57px;
    height: 57px;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    background-position: 0 0;
}

.nav_main {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #1A499B;
    position: relative;
    z-index: 3;
}

.nav .list {
    width: 102%;
    margin: 0 auto;
    height: 48px;
    line-height: 48px;
    position: relative;
}

.nav_main .nav {
    width: 1200px;
    margin: 0 auto;
}

.nav_main .nav li {
    float: left;
    width: 134px;
    height: 50px;
    line-height: 50px;
    display: block;
    position: relative;
    z-index: 10;
    font-size: 16px;
    border-right: 1px solid #d8d8d8;
    text-align: center;
}

.nav_main .nav li:first-child {
    border-left: 1px solid #d8d8d8;
    background: none;
}

.nav_main .nav li a {
    display: block;
    color: #fff;
    font-size: 16px;
}

.nav_main .nav li a:hover, .nav_main .nav li a.hover, .nav_main .nav li.hover {
    background: #ac140f;
}

.nav_main .nav dl {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 12;
    border: 1px solid #ac140f;
    border-top: 0;
}

.nav_main .nav dl {
    position: absolute;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
    opacity: 0;
    visibility: hidden;
    transition: all .6s ease 0s;
    transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -webkit-transform: translate3d(0, 10px, 0);
}

.nav_main .nav li:hover dl {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.nav_main .nav dl dd {
    line-height: 44px;
    height: 44px;
    text-align: left;
    position: relative;
    z-index: 12;
    display: block;
    width: 100%;
    border-top: 1px solid #ac140f;
}

.nav_main .nav dl dd:first-child {
    border: none;
}

.nav_main .nav dl dd a {
    color: #fff;
    font-size: 14px;
    padding: 0;
    width: 100%;
    background: #0a6aa1;
    text-align: center;
}

.case_title { height: 25px; line-height: 25px; font-size: 16px;text-align: center;}

@media (max-width: 1200px) {
    .menu-nav {margin: 0 190px 0 310px;}

    .menu-li {width: 12.5%;}

    .menu-link {padding: 0; }
}

@media (max-width: 1100px) {
    .menu-nav {margin: 0 190px 0 250px;}
}

@media (max-width: 992px) {
    .menu-nav {margin-right: 0; margin-left: 260px;}

    .menu-link { font-size: 14px; }
}

@media (max-width: 888px) {
    .menu-nav {margin-left: 210px;}

    .menu-link {font-size: 13px; }
}

/* .tel {
	margin: 0 auto;
	float: right;
	padding: 13px 0;
	font-size: 20px;
	line-height: 36px;
	font-weight: 600;
	padding-left: 35px;
	background: url(../images/tel.jpg) no-repeat;
} */

#banner {
    width: 100%;
    padding-top: 0px;
    height: 550px;
    margin: 0px;
}

.bannerList img {
    display: block;
}

.w_zt {
    position: relative;
    padding-top: 0px;
    height: 550px;
    margin: 0px auto;
    width: 1200px;
}

#focus {
    width: 1920px;
    position: absolute;
    /* left: -290px; */
    left: -352px;
    height: 550px;
    overflow: hidden;
}

#focus ul {
    height: 550px;
    position: absolute;
}

#focus ul li {
    float: left;
    width: 1920px;
    height: 550px;
    overflow: hidden;
}

#focus .btn {
    position: absolute;
    width: 100%;
    height: 15px;
    right: 0;
    bottom: 30px;
    text-align: center;
}

#focus .btn span {
    display: inline-block;
    _display: inline;
    _zoom: 1;
    width: 10px;
    height: 10px;
    background: #fff;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    color: #fff;
    margin-right: 10px;
    font-family: Arial;
    border-radius: 50em;
}

#focus .btn span.on {
    background: #009fe9;
}


/* 轮播图 start */
.slideBox {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.banner-hd {
    /* height: 15px; */
    overflow: hidden;
    position: absolute;
    right: 5px;
    bottom: 5px;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.hd-ul {
    overflow: hidden;
    zoom: 1;
    display: inline-block;
}

.hd-li {
    float: left;
    margin: 0 3px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
}

.hd-li.on {
    background: #009fe9;
}

.bd-ul {
    position: relative;
    height: 100%;
    z-index: 0;
    max-height: 680px;
}

.bd-li {
    zoom: 1;
    vertical-align: middle;
}

.bd-link {
    display: block;
}


.bd-image {
    width: 100%;
    display: block;
    height: 550px;
}

@media (max-width: 1200px) {
    .bd-image {height: 450px; }
}

@media (max-width: 992px) {
    .bd-image {height: 400px;}
}

@media (max-width: 768px) {
    .bd-image {height: 360px;}
}

@media (max-width: 666px) {
    .bd-image {height: 300px;}
}

@media (max-width: 560px) {
    .bd-image {height: 260px;}
}

@media (max-width: 480px) {
    .bd-image {height: 220px;}
}

@media (max-width: 375px) {
    .bd-image {height: 180px;}
}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner-prev,
.banner-next {
    position: absolute;
    left: 3%;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 32px;
    height: 40px;
    background: url(../images/slider-arrow.png) -110px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.banner-next {
    left: auto;
    right: 3%;
    background-position: 8px 5px;
}

.banner-prev:hover,
.banner-next:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.slideBox .prevStop {
    display: none;
}

.slideBox .nextStop {
    display: none;
}

/* 轮播图 end */


.w_yd {
    width: 1200px;
    height: 320px;
    margin: 0px auto;
}

.w_yd li {
    width: 240px;
    height: 280px;
    margin: 0px;
    float: left;
    padding: 55px 15px 0px 15px;
    color: #333;
    margin-right: 37px;
    border: #eee solid 1px;
}

.w_yd .dtm {
    width: 104px;
    height: 69px;
    margin: 0px auto;
    text-align: center
}

.w_yd .ywmc {
    width: 240px;
    height: 70px;
    margin: 0px auto;
    text-align: center;
    font: bold 20px/70px "微软雅黑";
}

.w_yd p {
    font: 400 14px/24px "微软雅黑";
    color: #666;
    text-align: center
}

.w_yd li:hover {
    border: #009fe9 solid 1px;
}

.w_bt2 {
    width: 1070px;
    max-width: 100%;
    margin: 0px auto;
    font: 400 14px/30px "arial";
    color: #999;
    text-align: center;
    padding-bottom: 20px;
    text-transform: uppercase;
}

.w_bt2 p {
    font: 400 28px/40px "微软雅黑";
    color: #333;
    text-align: center;
}

.w_bt2 span {
    font: 400 14px/30px "微软雅黑";
}

.w_bt3 {
    width: 1070px;
    max-width: 100%;
    margin: 0px auto;
    font: 400 14px/30px "arial";
    color: #999;
    text-align: center;
    padding: 30px 0px;
    text-transform: uppercase;
}

.w_bt3 p {
    font: 400 34px/40px "微软雅黑";
    color: #333;
    text-align: center;
}

.w_bt3 span {
    font: 400 14px/30px "微软雅黑";
}

@media (max-width: 768px) {
    .w_bt2 {
        font: 400 14px/25px "arial";
        padding-bottom: 5px;
    }

    .w_bt2 p {
        font: 400 16px/25px "微软雅黑";
    }

    .w_bt3 {
        font-size: 13px;
        line-height: 20px;
        padding: 10px 0px 0;
    }

    .w_bt3 p {
        font-size: 16px;
        line-height: 25px;
    }

    .w_bt3 p b {
        font-weight: normal;
    }

    .w_bt3 span {
        font: 400 12px/16px "微软雅黑";
        display: block;
        margin: 5px 0;
    }
}


.w_bt22 {
    width: 1070px;
    height: 80px;
    margin: 0px auto;
    font: 400 14px/30px "arial";
    color: #333;
    text-align: center;
    padding: 50px 0px 0px 0px;
    text-transform: uppercase;
}

.w_bt22 p {
    font: 400 28px/40px "微软雅黑";
    color: #333;
    text-align: center;
}

.w_bt22 span {
    font: 400 16px/30px "微软雅黑";
}


.w_ys {
    width: 1200px;
    height: 550px;
    background: #f5f5f5;
    margin: 90px auto 100px auto;
    overflow: hidden;
}

.w_ys .left1 {
    width: 296px;
    height: 550px;
    margin: 0px;
    padding: 0px;
    float: left;
    overflow: hidden;
}

.w_ys .left1 .sm {
    width: 296px;
    height: 368px;
    margin: 0px;
    padding: 0px;
    background: url(../images/ys1.jpg) no-repeat;
    overflow: hidden;
}

.w_ys .left1 .sm:hover {
    width: 296px;
    height: 368px;
    margin: 0px;
    padding: 0px;
    background: url(../images/ys1.jpg) no-repeat;
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    overflow: hidden;
}

.w_ys .left1 .xm {
    width: 256px;
    height: 152px;
    margin: 0px;
    padding: 0px;
    font: 400 12px/22px "微软雅黑";
    color: #666;
    padding: 30px 20px 0px 20px;
    overflow: hidden;

}

.w_ys .db {
    font: 400 26px/40px "微软雅黑";
    color: #333;

}

.w_ys .db span {
    font: 400 40px/40px "DINCond-Medium.pfb";
    padding-right: 10px;
}

.w_ys .left2 {
    width: 266px;
    height: 550px;
    margin: 0px;
    padding: 0px;
    float: left;
    overflow: hidden;
}

.w_ys .left2 .sm {
    width: 266px;
    height: 368px;
    margin: 0px;
    padding: 0px;
    background: url(../images/ys2.jpg) no-repeat;
    overflow: hidden;
}

.w_ys .left2 .sm:hover {
    width: 266px;
    height: 368px;
    margin: 0px;
    padding: 0px;
    background: url(../images/ys2.jpg) no-repeat;
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    overflow: hidden;
}

.w_ys .left2 .xm {
    width: 226px;
    height: 152px;
    margin: 0px;
    padding: 0px;
    font: 400 12px/22px "微软雅黑";
    color: #666;
    padding: 30px 20px 0px 20px;
    overflow: hidden;

}

.w_ys .left3 {
    width: 334px;
    height: 550px;
    margin: 0px;
    padding: 0px;
    float: left;
    overflow: hidden;
}

.w_ys .left3 .sm {
    width: 334px;
    height: 182px;
    margin: 0px;
    padding: 0px;
    background: url(../images/ys3.jpg) no-repeat;
    overflow: hidden;
}

.w_ys .left3 .sm:hover {
    width: 334px;
    height: 182px;
    margin: 0px;
    padding: 0px;
    background: url(../images/ys3.jpg) no-repeat;
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    overflow: hidden;
}

.w_ys .left3 .zj {
    width: 334px;
    height: 165px;
    margin: 0px;
    padding: 0px;
    background: #02abed;
    overflow: hidden;
}

.w_ys .left3 .xm {
    width: 334px;
    height: 203px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    background: url(../images/ys5.jpg) no-repeat;

}

.w_ys .left3 .xm:hover {
    width: 334px;
    height: 203px;
    margin: 0px;
    padding: 0px;
    background: url(../images/ys5.jpg) no-repeat;
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    overflow: hidden;
}

.w_ys .left4 {
    width: 304px;
    height: 550px;
    margin: 0px;
    padding: 0px;
    float: left;
    overflow: hidden;
}

.w_ys .left4 .sm {
    width: 304px;
    height: 368px;
    margin: 0px;
    padding: 0px;
    background: url(../images/ys4.jpg) no-repeat;
    overflow: hidden;
}

.w_ys .left4 .sm:hover {
    width: 304px;
    height: 368px;
    margin: 0px;
    padding: 0px;
    background: url(../images/ys4.jpg) no-repeat;
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    overflow: hidden;
}

.w_ys .left4 .xm {
    width: 264px;
    height: 152px;
    margin: 0px;
    padding: 0px;
    font: 400 12px/22px "微软雅黑";
    color: #666;
    padding: 30px 20px 0px 20px;
    overflow: hidden;

}

.w_hb {
    width: 100%;
    height: 604px;
    background: url(../images/w_hb.jpg) no-repeat;
    padding-top: 20px
}

.w_100 {
    width: 100%;
    height: auto;
    background-color: #f9f9f9;
}

.w_hbk {
    width: 1200px;
    height: 220px;
    margin: 80px auto 0px auto
}

.w_hbk li {
    width: 160px;
    height: 70px;
    float: left;
    margin-right: 100px;
    margin-top: 30px;
}

.w_hbk li.k1 {
    background: url(../images/hb1.png) no-repeat
}

.w_hbk li.k1:hover {
    background: url(../images/hb01.png) no-repeat
}

.w_hbk li.k2 {
    background: url(../images/hb2.png) no-repeat
}

.w_hbk li.k2:hover {
    background: url(../images/hb02.png) no-repeat
}

.w_hbk li.k3 {
    background: url(../images/hb3.png) no-repeat
}

.w_hbk li.k3:hover {
    background: url(../images/hb03.png) no-repeat
}

.w_hbk li.k4 {
    background: url(../images/hb4.png) no-repeat
}

.w_hbk li.k4:hover {
    background: url(../images/hb04.png) no-repeat
}

.w_hbk li.k5 {
    background: url(../images/hb5.png) no-repeat
}

.w_hbk li.k5:hover {
    background: url(../images/hb05.png) no-repeat
}

.w_hbk li.k6 {
    background: url(../images/hb6.png) no-repeat
}

.w_hbk li.k6:hover {
    background: url(../images/hb06.png) no-repeat
}

.w_hbk li.k7 {
    background: url(../images/hb7.png) no-repeat
}

.w_hbk li.k7:hover {
    background: url(../images/hb07.png) no-repeat
}

.w_hbk li.k8 {
    background: url(../images/hb8.png) no-repeat
}

.w_hbk li.k8:hover {
    background: url(../images/hb08.png) no-repeat
}

.w_hbk li.k9 {
    background: url(../images/hb9.png) no-repeat
}

.w_hbk li.k9:hover {
    background: url(../images/hb09.png) no-repeat
}

.w_hbk li.k10 {
    background: url(../images/hb10.png) no-repeat
}

.w_hbk li.k10:hover {
    background: url(../images/hb010.png) no-repeat
}

.w_hbk li.k11 {
    background: url(../images/hb11.png) no-repeat
}

.w_hbk li.k11:hover {
    background: url(../images/hb011.png) no-repeat
}

.w_hbk li.k12 {
    background: url(../images/hb12.png) no-repeat
}

.w_hbk li.k12:hover {
    background: url(../images/hb012.png) no-repeat
}

.w_xinw {
    width: 1200px;
    margin: 0px auto;
    height: auto;
    background-color: #f9f9f9;
    padding-bottom: 0px
}

.w_xinw .bt {
    color: #333;
    font: 400 14px/50px "微软雅黑";
}

.w_xinw .left {
    width: 370px;
    height: 400px;
    float: left
}

.w_xinw .left .pic {
    width: 370px;
    height: 247px;
}

.w_xinw .left .w_jj {
    width: 340px;
    height: 53px;
    background-color: #fff;
    padding: 20px 15px;
}

.w_xinw .left .sm {
    width: 340px;
    height: 30px;
    color: #fff;
    text-align: center;
    float: left;
}

.w_xinw .left .rq {
    width: 70px;
    height: 70px;

    background-color: #47bd73;
    font: 400 30px/50px "微软雅黑";
}

.w_xinw .nian {
    width: 70px;
    height: 20px;
    float: left;
    background-color: #81c890;
    font: 400 12px/20px "微软雅黑";
}

.w_xinw .left .mc {
    width: 340px;
    height: 30px;
    font: 400 16px/30px "微软雅黑";
    color: #333;
    text-align: left
}

.w_xinw .left .mc a:hover {
    padding-left: 10px;
    color: #0ab0ee;
}

.w_xinw .left .xm {
    width: 340px;
    height: 30px;
    padding-top: 10px;
    font: 400 12px/22px "微软雅黑";
    color: #999;
}

.w_xinw .right {
    width: 830px;
    height: 400px;
    float: right
}

.w_snew {
    width: 375px;
    margin-left: 40px;
    float: left;
}

.w_zs {
    width: 331px;
    height: 60px;
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0px 2px 4px #eee;
}

.w_zs .date {
    width: 60px;
    height: 60px;
    float: left;
    background-color: #999;
    font: 400 22px/40px "微软雅黑";
    color: #fff;
    text-align: center
}

.w_zs .date p {
    width: 60px;
    height: 20px;
    font: 400 12px/20px "微软雅黑";
}

.w_ming0 {
    width: 255px;
    height: 60px;
    float: right;
    font: 400 16px/28px "微软雅黑";
}

.w_ming0 h3 {
    width: 255px;
    height: 60px;
    font: 400 12px/16px "微软雅黑";
    color: #666
}

.w_ming0 h3 a {
    color: #666
}

.w_zs:hover {
    width: 331px;
    height: 60px;
    background-color: #009fe9;
    padding: 20px;
    margin-bottom: 20px;
    color: #fff;
    box-shadow: 0px 2px 4px #eee;
}

.w_zs:hover .date {
    background-color: #85dcfc;
    color: #fff
}

.w_zs:hover .w_ming a {
    color: #fff
}

.w_gdd {
    width: 122px;
    height: 38px;
    margin: 0px auto 70px auto;
    clear: both
}

.w_gdd a {
    width: 122px;
    height: 38px;
    margin: 0px;
    font: 400 14px/38px "微软雅黑";
    background: url(../images/jt2.png) center top no-repeat #666;
    display: block;
    color: #666;
    text-align: left
}

.w_gdd a:hover {
    width: 122px;
    height: 38px;
    margin: 0px;
    font: 400 14px/38px "微软雅黑";
    background: url(../images/jt2.png) center top no-repeat #02abed;
    display: block;
    color: #02abed;
    text-align: left
}

/*分页效果*/
.nban2 {
    width: 100%;
    height: 392px;
    background: url(../images/nban2.jpg) center top no-repeat
}

.nban3 {
    width: 100%;
    height: 392px;
    background: url(../images/nban3.jpg) center top no-repeat
}

.nban4 {
    width: 100%;
    height: 392px;
    background: url(../images/nban4.jpg) center top no-repeat
}

.nban5 {
    width: 100%;
    height: 392px;
    background: url(../images/nban5.jpg) center top no-repeat
}

.nban6 {
    width: 100%;
    height: 392px;
    background: url(../images/nban6.jpg) center top no-repeat
}

.nban7 {
    width: 100%;
    height: 392px;
    background: url(../images/nban7.jpg) center top no-repeat
}

.nban8 {
    width: 100%;
    height: 392px;
    background: url(../images/nban8.jpg) center top no-repeat
}

.n_nr {
    width: 100%;
    margin: 0px auto;
    font: 400 14px/36px "微软雅黑";
    color: #333;
    padding: 0px 0px;
    margin-bottom: 30px;
}

.n_nr table {
    font: 400 14px/26px "微软雅黑";
}

.n_nr table p {
    font: 400 24px/60px "微软雅黑";
}

.nr {
    width: 1200px;
    margin: 0px auto;
    font: 400 14px/36px "微软雅黑";
    color: #333;
    padding: 20px 0px
}

@media (max-width: 1200px) {
    .n_nr {
        font: 400 13px/25px "微软雅黑";
        margin-bottom: 10px;
    }

    .nr {
        margin: 0px 5px;
        width: auto;
        font: 400 13px/25px "微软雅黑";
        color: #333;
        padding: 10px 0px
    }
}

.n_zt {
    width: 1200px;
    max-width: 100%;
    margin: 0px auto;
    font: 400 16px/42px "微软雅黑";
    color: #333;
    padding: 0px 0px 0px 0px
}

@media (max-width: 768px) {
    .n_zt {
        width: auto;
        margin: 0px 10px;
        padding-top: 10px;
        font: 400 12px/18px "微软雅黑";
        color: #333;
        min-height: 100px;
    }
}

.n_zt0 {
    width: 1200px;
    max-width: 100%;
    margin: 0px auto;
    font: 400 16px/42px "微软雅黑";
    color: #fff;
    padding: 0px 0px 0px 0px;
    background: #2f3140;
}

.n_zt0 .left0 {
    margin: 0px;
    float: left;
    width: 500px;
    height: 375px
}

.n_zt0 .right0 {
    width: 630px;
    margin: 0px 20px 0px 0px;
    float: right;
    height: 335px;
    padding-top: 40px
}

@media (max-width: 768px) {
    .n_zt0 {
        width: auto;
        margin: 0px 10px;
        font: 400 12px/18px "微软雅黑";
        padding: 0px 0px 0px 0px;
        background: none;
        color: initial;
    }

    .n_zt0 .left0 {
        padding-top: 10px;
        float: none;
        width: auto;
        height: auto;
    }

    .n_zt0 .right0 {
        padding-top: 10px;
        width: auto;
        float: none;
        margin: 0;
        height: auto;
    }
}

.n_hyf {
    width: 1198px;
    /* height:650px; */
    margin: 0px auto;
    font: 400 14px/36px "微软雅黑";
    color: #333;
    padding: 0px 0px;
    border: #eee solid 1px
}

.i_atit {
    width: 200px;
    float: left;
    height: 410px;
    border-right: #eee solid 1px;
}


.i_atit p {
    height: 40px;
    text-align: center;
    border-bottom: #eee solid 1px;
    width: 200px;
    display: block
}

.i_atit p.hover {
    background-color: #009fe9;
    color: #FFF;
}

.i_atit p a {
    color: #FFF;
}


.n_hyf .right {
    width: 990px;
    float: right;
    display: none;
}

.n_hyf .right.changjing-right1 {
    display: block;
}

.changjing-right-body {
    padding: 25px 20px;
}

.changjing-right-body img {max-width: 100%;}

.n_news {
    width: 1200px;
    overflow: hidden;
    margin: 0px auto;
    padding: 0px 0px
}

.n_zs {
    width: 1200x;
    height: 187px;
    background-color: #f8f8f8;
    margin-bottom: 48px;


}

.n_zs .mc {
    width: 280px;
    height: 187px;
    float: left
}

.w_ming {
    width: 840px;
    height: 152px;
    float: left;
    font: 400 20px/40px "微软雅黑";
    color: #333;
    padding: 35px 0px 0px 35px;
}

.w_ming h3 {
    width: 840px;
    height: 60px;
    font: 400 14px/28px "微软雅黑";
    color: #999;
}

.w_ming .rq {
    width: 840px;
    height: 20px;
    font: 400 12px/30px "微软雅黑";
    color: #999;
}

.n_zs:hover {
    width: 1200px;
    height: 187px;
    background-color: #223253;

    color: #fff;

}

.n_zs:hover h3,
.n_zs:hover .w_ming,
.n_zs:hover .rq {
    color: #fff;
}

.nr .left {

    width: 786px;
    margin: 0px;
    float: left;

}

.nr .right {

    width: 340px;
    margin: 0px;
    float: right;

}

.nr .right .rem {

    width: 340px;
    margin: 0px;
    height: 40px;
    color: #333;
    font: 400 18px/40px "微软雅黑";

}

.nr .right .n_hot li {
    margin: 0px;
    height: 32px;
    font: 400 14px/32px "微软雅黑";

}

.nr .right .n_hot li.hong span {
    width: 24px;
    margin: 0px;
    margin-right: 0px;
    height: 32px;
    font: 400 12px/32px "微软雅黑";
    background: url(../images/xl2.jpg) left center no-repeat;
    color: #fff;
    display: block;
    float: left;
    text-align: center;
}

.nr .right .n_hot li.hong .hong-link {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 32px;
    margin-right: 10px;
}

@media (max-width: 1200px) {
    .nr .left {
        width: 65.5%;
    }

    .nr .right {
        width: 28%;
    }
}

@media (max-width: 768px) {
    .nr .left {
        width: auto;
        float: none;
    }

    .nr .right {
        display: none;
    }
}

.n_ys {
    width: 100%;
    background: #161c26;
    padding: 50px 0;
}

.n_you {
    width: 1200px;
    max-width: 100%;
    margin: 0px auto;
}

.n_you li {
    width: 22%;
    margin: 0px;
    float: left;
    padding: 0px;
    color: #939aa4;
    margin-top: 10px;
    margin-right: 4%;

}

.n_you .dtm {
    height: 65px;
    margin: 0px auto;
    text-align: center
}

.n_you .dtm img {
    height: 100%;
}

.n_you .ywmc {
    margin: 0px auto;
    text-align: center;
    font: bold 20px/70px "微软雅黑";
    color: #fff;
}

.n_you p {
    font: 400 14px/24px "微软雅黑";
    color: #666;
    height: 72px;
    text-align: center;
    overflow: hidden;
}

@media (max-width: 768px) {
    .n_ys {
        padding: 15px 0;
        margin-top: 15px;
    }

    .n_you li {
        width: 48%;
        margin: 10px 1px 0;
    }

    .n_you .dtm {
        height: 32px;
    }

    .n_you .ywmc {
        font: bold 14px/25px "微软雅黑";
    }

    .n_you p {
        font: 400 12px/16px "微软雅黑";
        height: 48px;
    }

}

.n_dx {
    width: 1200px;
    max-width: 100%;
    /* height: 434px; */
    margin: 30px auto 60px auto;
}

.n_dx li {
    width: 23%;
    margin: 0px;
    float: left;
    padding: 0px;
    color: #333;
    margin-right: 2.66666666667%;

}

.n_dx .dtm {
    width: 100%;
    margin: 0px auto;
    text-align: center
}

.n_dx .dtm img {
    width: 100%;
    height: 270px;
    display: block;
}

.n_dx .ywmc {
    margin: 0px auto;
    text-align: center;
    font: bold 20px/50px "微软雅黑";
    padding: 0px 8px
}

.n_dx p {
    font: 400 14px/24px "微软雅黑";
    color: #666;
    text-align: center;
    overflow: hidden;
}

@media (max-width: 768px) {
    .n_dx {
        margin: 10px auto;
    }

    .n_dx li {
        width: 48%;
        margin: 0 1% 10px;
    }

    .n_dx .dtm img {
        height: 176px;
    }

    .n_dx .ywmc {
        font: bold 13px/25px "微软雅黑";
        padding: 0px 8px;
    }

    .n_dx p {
        font: 400 12px/16px "微软雅黑";
        padding: 0 5px;
        height: 80px;
    }


}


/* 产品-应用场景 start */
.n_changj {
    width: 100%;
    /* height: 800px; */
    background: #f5f5f5;
    margin: 0px 0px 0px 0px;
    clear: both;
    padding: 20px 0 50px;
}

.w_cj {
    width: 1200px;
    max-width: 100%;
    /* height: 800px; */
    margin: 0px auto;
    position: relative;
}

/* 定位 start */
.w_cj .sycj-icon-1 {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    font: 400 16px/100px "微软雅黑";
    text-align: center;
    display: block;
    position: absolute;
}

.sycj-icon-1.l1 {
    left: 36px;
    top: 60px;
    background: #e92121;
}

.sycj-icon-1.l2 {
    left: 185px;
    top: 165px;
    background: #acdff3;
}

.sycj-icon-1.l3 {
    left: 1040px;
    top: 60px;
    background: #f3b9ac;
}

.sycj-icon-1.l4 {
    left: 870px;
    top: 175px;
    background: #acdff3;
}

.sycj-icon-1.l5 {
    left: 36px;
    top: 255px;
    background: #acf3c8;
}

.sycj-icon-1.l6 {
    left: 1040px;
    top: 238px;
    background: #bddbb6;
}

.sycj-icon-1.l7 {
    left: 185px;
    top: 360px;
    background: #f2f3ac;
}

.sycj-icon-1.l8 {
    left: 870px;
    top: 350px;
    background: #c2c9f1;
}

.sycj-icon-1.l9 {
    left: 36px;
    top: 470px;
    background: #f3dcac;
}

.sycj-icon-1.l10 {
    left: 1040px;
    top: 420px;
    background: #f3acc5;
}

/* 定位 end */

.w_cj a.l12 {
    background: #f3acc5;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    font: 400 16px/100px "微软雅黑";
    text-align: center
}

.w_cj .sycj-icon-1 span {
    width: 100px;
    height: 100px;
    text-align: center;
    border-radius: 50px;
    font: 400 16px/100px "微软雅黑";
    background: #f3acc5;
    display: block
}

.w_cj span:hover {
    width: 100px;
    height: 100px;
    text-align: center;
    border-radius: 50px;
    font: 400 16px/100px "微软雅黑";
    background: #e92121;
    display: block
}

.w_cj a:hover {
    background: #e92121;
    color: #fff;
    display: block;
    border-radius: 50px;
}

.w_cj p:hover {
    background: #e92121;
    color: #fff;
    width: 100px;
    height: 100px;
    display: block;
    border-radius: 50px;
}


.sycj-img {
    width: 245px;
    max-width: 85%;
    margin: 195px auto 0;
}

.sycj-text {
    width: 300px;
    height: 70px;
    margin: 66px auto 0px auto;
    color: #fff;
    font: 400 14px/28px "微软雅黑";
}

.sycj-text2 {
    width: 210px;
    height: 130px;
    margin: 180px auto 0px auto;
    color: #fff;
    font: 400 14px/28px "微软雅黑";
}

.cj_bg {
    padding: 10px 0;
    width: 378px;
    max-width: 100%;
    height: 650px;
    margin: 0 auto;
    background: url(../images/cj_bg.png) no-repeat center;
    position: relative;
    background-size: cover;
}


.cp_bt {
    text-align: center;
    font: bold 34px/50px "微软雅黑";
    color: #333;
    margin: 0px auto;
    clear: both;
    padding: 25px 0px;
}

@media (max-width: 768px) {
    .n_changj {
        padding: 0;
    }

    .w_cj {
        margin: 0px auto;
        position: relative;
    }

    .changjing-title-ul {
        padding: 10px 0 20px;
    }

    .changjing-title-li {
        width: 20%;
        float: left;
        margin: 5px 0;
    }

    .w_cj a.l12 {
        background: #f3acc5;
        width: 100px;
        height: 100px;
        border-radius: 50px;
        font: 400 16px/80px "微软雅黑";
        text-align: center
    }

    .w_cj .sycj-icon-1 {
        position: static;
        width: 60px;
        margin: 0 auto;
        height: auto;
        border-radius: 50px;
        font: 400 13px/60px "微软雅黑";
        text-align: center;
        display: block;
    }

    .w_cj .sycj-icon-1 span {
        width: 100px;
        height: 100px;
        text-align: center;
        border-radius: 50px;
        font: 400 16px/80px "微软雅黑";
        background: #f3acc5;
        display: block
    }

    .w_cj span:hover {
        width: 100px;
        height: 100px;
        text-align: center;
        border-radius: 50px;
        font: 400 16px/80px "微软雅黑";
        background: #e92121;
        display: block
    }

    .w_cj a:hover {
        background: #e92121;
        color: #fff;
    }

    .w_cj p:hover {
        background: #e92121;
        color: #fff;
    }


    .sycj-img {
        width: 245px;
        max-width: 85%;
        margin: 125px auto 0;
    }

    .sycj-text {
        width: 300px;
        height: 70px;
        margin: 66px auto 0px auto;
        color: #fff;
        font: 400 14px/28px "微软雅黑";
    }

    .sycj-text2 {
        width: 210px;
        height: 130px;
        margin: 180px auto 0px auto;
        color: #fff;
        font: 400 14px/28px "微软雅黑";
    }

    .cj_bg {
        padding: 10px 0;
        width: 238px;
        max-width: 100%;
        height: 400px;
        margin: 0 auto;
        background: url(../images/cj_bg.png) no-repeat center;
        position: relative;
        background-size: cover;
    }

    .cp_bt {
        text-align: center;
        font: 16px/25px "微软雅黑";
        color: #333;
        margin: 0px auto;
        clear: both;
        padding: 15px 0px;
    }
}

/* 产品-应用场景 end */

.n_liuyan {
    width: 824px;
    color: #333;
    line-height: 28px;
    text-align: left;
    padding: 0px 0px
}

.book {
    width: 710px;
    margin: 17px auto 0;
    color: #232323;
    font: 400 14px/37px "微软雅黑";
}

.book li {
    width: 100%;
    padding-bottom: 24px;
    float: left;
}

.book li p {
    width: 70px;
    text-align: right;
    float: left;
    padding-right: 16px;
}

.book li.w1 {
    width: 380px;
}

.book span {
    color: #da0000;
    padding-right: 6px;
}

.bstr1 {
    width: 320px;
    height: 37px;
    line-height: 35px;
    border: #ddd solid 1px;
    padding: 1px 10px;
    color: #232323;
    font: 400 14px/35px "微软雅黑";
}

.bstr2 {
    width: 574px;
    height: 110px;
    border: #ddd solid 1px;
    padding: 10px;
    color: #232323;
    font: 400 14px/35px "微软雅黑";
}

.bstr3 {
    width: 121px;
    height: 37px;
    line-height: 35px;
    border: #ddd solid 1px;
    padding: 1px 10px;
    color: #232323;
    font: 400 14px/35px "微软雅黑";
}

.sub1 {
    width: 135px;
    padding: 14px 0;
    float: left;
    margin-left: 176px;
    background: #009fe9;
    border: none;
    color: #FFF;
    text-align: center;
    font: 400 14px/100% "微软雅黑";
}

/*
翻页
 * */
.b_ys {
    width: 100%;
    height: 40px;
    margin: 20px auto;
    padding: 0px 0px 20px 0px;
    color: #dd2d30;
    font-size: 14px;
}

.b_ys a {
    color: #666;
    text-decoration: none
}

.b_ys a:hover {
    color: #dd2d30;
    text-decoration: none;
    padding-left: 5px
}

.b_page {
    width: 570px;
    line-height: 40px;
    height: 40px;

}

.b_page2 {
    width: 570px;

    line-height: 40px;
    height: 40px;

}

.ppage {
    color: #666666;
    text-align: center;
    padding: 40px 0px 20px 0px;
    height: 30px;
    width: 670px;
    margin: 0px auto 10px auto;
}

.ppage a {
    border: #dddddd 1px solid;
    background: #f5f5f5;
    width: 26px;
    display: inline-block;
    vertical-align: middle;
    color: #323232;
    margin: 0 2px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
}

.ppage a:hover {
    background-color: #009fe9;
    border: #fff solid 1px;
    color: #fff;
    text-decoration: none;
}

.ppage a.hover {
    background: #009fe9;
    border: #fff solid 0px;
    color: #fff;
}

.ppage a.fy1 {
    border: #e6e6e6 1px solid;
    padding: 0 12px 0 10px;
    width: auto;
}

.ppage a.fy2 {
    border: #e6e6e6 1px solid;
    padding: 0 10px 0 12px;
    width: auto;
}

.ppage .str1 {
    border: #e5e5e5 1px solid;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    color: #3b57a6;
    font-size: 14px;
}

.ppage .str2 {
    border: #e5e5e5 1px solid;
    width: 60px;
    background: #f5f5f5;
    text-align: center;
    height: 26px;
    line-height: 26px;
    color: #666666;
    cursor: pointer;
    border-radius: 2px;
    font-size: 12px;
}

.ppage #pageFormNum {
    border: #e5e5e5 1px solid;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    color: #3b57a6;
}

.ppage .btn {
    border: #e5e5e5 1px solid;
    width: 60px;
    background: #f5f5f5;
    text-align: center;
    height: 26px;
    line-height: 26px;
    color: #666666;
    cursor: pointer;
    border-radius: 2px;
}

.ppage form,
.ppage span {
    display: inline-block;
    padding: 0 10px;
}


/* 列表页面子导航 start */
.main_toggle ul {
    overflow: hidden;
    /* padding:5px; */
}

.main_toggle ul li {
    float: left;
    width: 16%;
    text-align: center;
    line-height: 60px;
    border-left: none;
    box-sizing: border-box;
}

.main_toggle ul li.field-left-li {
    width: 12.5%;
}

.main_toggle ul li a {
    /* background: #fff; */
    /* margin: 0 1px; */
    display: block;
    color: #373737;
    font-size: 15px;
}

.main_toggle ul li a:hover,
.main_toggle ul li.cur a, .main_toggle ul li.on a {
    background: #009fe9;
    color: #fff;
}

/* .main_tab_ht {
	height: 1px;
	width: 100%;
	margin-bottom:20px;
} */
.main_tab {
    background-color: #F6F6F6;
}

.main_tab_ht.fixed {
    height: 87px;
}

.main_tab.fixed {
    position: fixed;
    width: 100%;
    top: 110px;
    left: 0;
    z-index: 88;
    /* background: #fff; */
}

.main_tab.fixed .wrap {
    padding: 0;
}

.main_tab.fixed .main_toggle ul li a {
    margin: 0;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}

.main_tab.fixed .main_toggle ul li:first-child a {
    border-left: 1px solid #f1f1f1;
}

@media only screen and (max-width: 800px) {
    .main_toggle ul li {
        line-height: 50px;
    }
}

@media only screen and (max-width: 768px) {
    .main_toggle ul li {
        width: 20%;
    }

    .main_toggle ul li.field-left-li {
        width: 25%;
    }

    .main_toggle ul li a {
        font-size: 14px;
        line-height: 38px;
    }
}

@media (max-width: 480px) {
    .main_toggle ul li.field-left-li {
        width: 50%;
    }

    .main_tab .wrap {
        padding: 0;
    }
}

/* 列表页面子导航 end */

/* 翻页 start */
.pagesize {
    text-align: center;
    padding: 30px 0;
}

.pagesize li {
    display: inline-block;
}

.pagesize a,
.pagesize select {
    display: inline-block;
    padding: 0 12px;
    margin-right: 5px;
    margin-bottom: 5px;
    color: #707070;
    font-size: 14px;
    line-height: 32px;
    font-family: arial;
    /* background-color: #dedede; */
    border: 1px solid #dedede;
    border-radius: 3px;
    text-align: center;
}

.pagesize a:hover,
.pageBox a:active,
.pagesize .cur {
    background: #009fe9;
    color: #FFFFFF;
    border-color: #009fe9;
    text-decoration: none;
}

.pagesize a.cur {
    color: #fff;
}

@media (max-width: 768px) {
    .pagesize {
        padding: 10px 0;
    }
}

@media (max-width: 480px) {
    .pagesize {
        padding: 5px 0 0;
    }

    .pagesize a {
        padding: 0 9px;
        line-height: 24px;
        height: auto;
        font-size: 12px;
        margin-bottom: 5px;
    }
}

/* 翻页 end */

/* 合作案例 start */
/* .partner-ul {
	padding: 30px 10px 0;
} */

.partner-li {
    float: left;
    width: 16.666666666667%;
    /* margin-right: 4.4%; */
    margin-bottom: 30px;
}

.partner-link {
    margin: 0 20px;
    border: 1px solid #dedede;
    cursor: unset;
}

.partner-image {
    display: block;
}

.partner-more {
    display: block;
    width: 200px;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    color: #fff;
    background: #009fe9;
    border-radius: 5px;
    margin: 0 auto;
    text-align: center
}

.partner-more:hover {
    color: #fff;
}

@media (max-width: 992px) {
    .partner-li {
        width: 25%;
        margin-bottom: 15px;
    }

    .partner-link {
        margin: 0 15px;
    }
}

@media (max-width: 768px) {
    .partner-ul {
        padding: 0;
    }

    .partner-more {
        width: 120px;
        height: 36px;
        font-size: 14px;
        line-height: 36px;
    }

    .partner-link {
        margin: 0 10px;
    }
}

@media (max-width: 480px) {
    .partner-li {
        width: 33.3333333%;
        margin-bottom: 10px;
    }

    .partner-link {
        margin: 0 5px;
    }
}

/* 合作案例 end */


/* 新闻列表 start*/
.news-list-bg {
    background-color: #fafafa;
}

.listarc-bg {
    padding: 10px 0;
    background-color: #fafafa;
}

.listarc-li {
    /* height: 168px; */
    margin-bottom: 20px;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    background: #fff;
}

.listarc-li a {
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
}

.listarc-image {
    width: 235px;
    height: 168px;
    display: block;
    margin-right: 30px;
}

.listarc-title {
    font-size: 20px;
    padding: 35px 0 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.listarc-desc {
    color: #999999;
    line-height: 24px;
    height: 48px;
    padding-right: 120px;
    overflow: hidden;
}

.listarc-time {
    display: none;
    overflow: hidden;
}


.listarc-right {
    width: 150px;
    padding-top: 45px;
    font-family: arial;
    font-size: 20px;
    color: #999;
}

.listarc-day {
    font-size: 40px;
    line-height: 45px;
    display: block;
}

.listarc-li:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.listarc-li:hover .listarc-title {
    font-weight: bold;
    color: #151515;
    text-indent: 5px;
}

.listarc-li:hover .listarc-image {
    filter: brightness(105%);
    -webkit-filter: brightness(105%);
}

.listarc-info {
    overflow: hidden;
}

@media (max-width: 768px) {
    .listarc-bg {
        padding: 0;
        overflow: hidden;
    }

    .listarc-li {
        padding: 5px;
        margin-bottom: 8px;
        box-shadow: 0 0 10px #dedede;
    }

    .listarc-image {
        width: 100px;
        height: 72px;
        margin-right: 8px;
    }

    .listarc-right {
        display: none;
    }

    .listarc-title {
        font-size: 13px;
        padding: 2px 0;
    }

    .listarc-desc {
        font-size: 12px;
        line-height: 16px;
        height: 32px;
        padding-right: 0;
    }

    .listarc-time {
        font-family: arial;
        font-size: 12px;
        color: #999;
        margin-top: 2px;
        display: block;
    }
}

/* 新闻列表 end*/


/* 联系我们 start */

.page_tit {
    margin-bottom: 40px;
    text-align: center;
}

.page_tit h3 {
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: normal;
}

.page_tit h2 {
    font-size: 28px;
}

.page_tit p {
    color: #999;
}

.page_tit p span:before,
.page_tit p span:after {
    display: inline-block;
    width: 30px;
    height: 1px;
    background: #999;
    vertical-align: middle;
    content: '';
    margin: 0 2px;
    margin-bottom: 2px;
}

@media (max-width: 768px) {
    .page_tit {
        margin-bottom: 10px;
    }

    .page_tit h3 {
        font-size: 16px;
        margin-bottom: 5px;
    }
}

ul:after {
    content: '';
    display: block;
    clear: both;
}

/* 联系方式 start */
.cont_list ul li {
    width: 33.333%;
    float: left;
    text-align: center;
}

.cont_list ul li .text {
    margin-top: 20px;
    color: #434343
}

.cont_list ul li .text h3 {
    font-size: 16px;
    font-weight: normal;
    color: #000;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .cont_list ul li img {
        height: 38px;
    }

    .cont_list ul li .text {
        margin-top: 5px;
    }

    .cont_list ul li .text h3 {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .cont_list ul li .text p {
        font-size: 12px;
        line-height: 15px;
        padding: 0 5px;
        word-break: break-all;
    }
}

/* 联系方式 end */

/* 留言 start */
.message {
    max-width: 710px;
    margin: 0 auto;
}

.message ul li {
    width: 50%;
    float: left;
}

.message ul li:last-child {
    width: 100%;
}

.message ul {
    margin-bottom: 30px;
}

.message .div_input {
    margin: 5px;
    border: 1px solid #e9e9e9;
    background: #fff;
    padding: 0 15px;
}

.message .div_input {
    margin: 5px;
    border: 1px solid #e9e9e9;
    background: #fff;
    padding: 0 10px;
}

.div_input input {
    width: 100%;
    line-height: 40px;
    height: 40px;
    border: 0;
    background: none;
    text-align: left;
}

.div_input textarea {
    width: 100%;
    height: 150px;
    border: 0;
    background: none;
    resize: none;
    padding: 10px 0;
}

.message .btn {
    margin: 0 auto;
    display: block;
}

.btn a {
    color: #fff;
    display: block;
    line-height: 44px;
    width: 140px;
    text-align: center;
    background: #be9a78;
    margin: 0 auto;
}

.btn a:hover {
    background: #956d47;
}

@media (max-width: 768px) {
    .message ul {
        margin-bottom: 15px;
    }

    .message .div_input {
        margin: 5px;
        padding: 0 8px;
    }

    .div_input input {
        font-size: 12px;
        line-height: 30px;
        height: 30px;
    }

    .div_input textarea {
        font-size: 12px;
        height: 100px;
        padding: 10px 0;
    }

    .message .btn {
        margin-bottom: 10px;
    }

    .btn a {
        line-height: 34px;
        width: 120px;
    }

}

/* 留言 end */

/* 地图 start */
.map-box {
    margin-top: 50px;
    height: 500px;
}

#dituContent {
    width: 100%;
    height: 100%;
    border: #ccc solid 0;
}

@media (max-width: 1200px) {
    .map-box {
        height: 300px;
    }
}

@media (max-width: 992px) {
    .map-box {
        height: 260px;
    }
}

@media (max-width: 768px) {
    .map-box {
        margin-top: 20px;
        height: 220px;
    }

    .BMap_bubble_content {font-size: 14px;}
}

@media (max-width: 480px) {
    .map-box {
        margin-top: 10px;
        height: 200px;
    }

    .BMap_bubble_content {font-size: 13px;}
}

/* 地图 end */


/* 招聘 start */
.job-list {
    padding: 15px 0;
}

.job-detail-title {
    font-size: 18px;
}

.job-item-title {
    font-size: 16px;
}

@media (max-width: 768px) {
    .job-list {
        padding: 0 5px 10px;
    }

    .job-detail-title {
        font-size: 14px;
        color: #000;
    }

    .job-attr-box {
        font-size: 12px;
        color: #666;
        margin: 5px 0;
        line-height: 18px;
    }

    .job-item-title {
        font-size: 14px;
        color: #000;
    }

    .job-item-info {
        font-size: 12px;
        color: #666;
        margin: 5px 0;
        line-height: 18px;
    }
}

/* 招聘 end */


/******** 服务场景 start ********/

.service-item {
    padding: 15px 0;
}


/* 服务流程 start */
.flow-listBox {
    padding: 30px 0;
}

.flow-icon {
    margin: 0 auto 2px;
    height: 80px;
    display: block;
}

.flow-li {
    width: 25%;
    float: left;
    text-align: center;
    padding: 25px 0;
}

.flow-li a {
    cursor: unset;
}

.flow-title {
    font-size: 18px;
    font-weight: normal;
    line-height: 30px;
    padding: 0 30px;
    color: #233;
    /* color: #c0202c; */
}

/* .cur .flow-title {
	color: #000;
} */

.flow-number {
    font-size: 26px;
    margin-right: 8px;
}

.image-li.cur .dpb {
    display: none;
}

.image-li.cur .dpn {
    display: block;
}

.flow-body {
    color: #666;
    height: 36px;
}

/* .image-li.cur .disputeLiTitle {
	color: #CD091D;
} */
@media (max-width: 992px) {
    .flow-listBox {
        padding: 30px 0;
    }

    .flow-li {
        padding: 15px 0;
    }

    .flow-title {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .service-item {
        padding: 10px 0;
    }

    .flow-listBox {
        padding: 20px 0;
    }

    .flow-li {
        padding: 5px 0;
    }

    .flow-icon {
        height: 60px;
    }

    .flow-number {
        font-size: 14px;
        margin-right: 2px;
        font-weight: bold;
    }

    .flow-title {
        font-size: 14px;
        line-height: 25px;
        padding: 0 5px
    }

    .flow-body {
        line-height: 18px;
        height: 36px;
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .flow-listBox {
        padding: 0;
    }

    .flow-icon {
        height: 40px;
    }

    .flow-title {
        font-size: 14px;
        line-height: 25px;
        height: 25px;
    }
}

@media (max-width: 380px) {
    .flow-icon {
        height: 35px;
    }

    .flow-title {
        font-size: 13px;
        line-height: 22px;
        height: 22px;
    }
}

/*  服务流程 end */

/* 技术实力 start */
.shili-ul {}

.shili-li {
    width: 25%;
    float: left;
}

.shili-link {
    display: block;
    margin: 0 10px;
    padding: 10px 16px;
    background-color: #E5F6FE;
    border: 1px solid #A9E0F4;
}

/* .shili-link:hover {
	color: #666;
} */

.shili-link1 {
    background-color: #E5F6FE;
    border: 1px solid #A9E0F4;
    cursor: unset;
}

.shili-link2 {
    background-color: #FEEDE6;
    border: 1px solid #F9BCA9;
}

.shili-link3 {
    background-color: #FDE5F3;
    border: 1px solid #F5ABCC;
}

.shili-link4 {
    background-color: #E6FBFE;
    border: 1px solid #A8F1F7;
}

.shili-li-title-box {
    margin: 0 auto;
    width: 110px;
    text-align: center;
    padding: 30px 0 10px;
    border-radius: 50%;
    position: relative;
    color: #233;
}

/* .shili-image {
	display: block;
	height: 64px;
	margin: 0 auto;
} */

.shili-li-title {
    font-size: 22px;
    color: inherit;
    line-height: 1;
    padding-bottom: 6px;
}

.shili-li-info {}

.shili-li-content {
    padding-bottom: 20px;
    /* height: 365px; */
    line-height: 22px;
    height: 256px;
    color: #aaa;
    word-break: break-all;
    overflow: hidden;
}

.shili-li-content strong {
    color: #000;
    font-weight: normal;
    line-height: 26px;
    /* margin-top: 5px; */
    display: block;
}

.shili-li-desc {
    color: #ea5404;
    text-align: right;
}

@media (max-width: 1500px) {

    /* .shili-li-content {line-height: 20px; height: 355px;} */
    .shili-li-desc {
        height: 38px;
        line-height: 19px;
    }
}

@media (max-width: 1200px) {
    .shili-li {
        width: 50%;
        margin-bottom: 10px;
    }

    .shili-link {
        margin: 0 10px;
    }
}

@media (max-width: 768px) {
    .shili-li-title-box {
        padding: 10px 0;
    }

    .shili-link {
        padding: 10px;
    }

    .shili-li-content strong {
        line-height: 24px;
    }
}

@media (max-width: 530px) {
    .shili-link {
        margin: 0 5px;
    }

    /* .shili-li-content {padding-bottom: 10px; height: 331px;} */
}

@media (max-width: 480px) {
    .shili-image {
        height: 40px;
    }

    .shili-li-title {
        font-size: 14px;
    }

    /* .shili-li-content { line-height: 16px; height: 345px;} */
    .shili-li-content {
        padding-bottom: 0;
        margin-bottom: 5px;
        line-height: 15px;
        height: 237px;
        font-size: 12px;
    }
}

@media (max-width: 320px) {
    .shili-li {
        width: 96%;
        margin: 10px auto;
        float: none;
    }

    .shili-image {
        height: 50px;
    }

    .shili-li-content,
    .shili-li-desc {
        height: auto;
    }
}

/* 技术实力 end */

/* 服务及时响应 start */
.xiangying-listBox {
    padding: 30px 0;
}

.xiangying-image-bg {
    margin: 0 auto;
    width: 163px;
    height: 156px;
    display: block;
}

.xiangying-li {
    width: 25%;
    float: left;
    text-align: center;
    padding: 25px 0;
}

.xiangying-li a {
    cursor: unset;
}

.xiangying-info {
    width: 138px;
    margin: 0 auto;
    padding: 28px 0;
    margin-top: -156px;
}

.xiangying-number {
    font-size: 56px;
    font-weight: bold;
    line-height: 70px;
    color: #000;
}

.xiangying-title {
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    color: #233;
    overflow: hidden;
    white-space: nowrap;
    /* color: #c0202c; */
}

/* .cur .xiangying-title {
	color: #000;
} */

.image-li.cur .dpb {
    display: none;
}

.image-li.cur .dpn {
    display: block;
}

.xiangying-body {
    color: #666;
}

/* .image-li.cur .disputeLiTitle {
	color: #CD091D;
} */
@media (max-width: 992px) {
    .xiangying-listBox {
        padding: 30px 0;
    }

    .xiangying-li {
        padding: 15px 0;
    }

    .xiangying-title {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .xiangying-listBox {
        padding: 30px 0;
    }

    .xiangying-image-bg {
        margin: 0 auto;
        width: 90px;
        height: 86px;
        display: block;
    }

    .xiangying-li {
        width: 25%;
        float: left;
        text-align: center;
        cursor: pointer;
        padding: 10px 0;
    }

    .xiangying-info {
        width: 95px;
        max-width: 90%;
        margin: 0 auto;
        padding: 10px 5px;
        box-sizing: border-box;
        margin-top: -86px;
    }

    .xiangying-number {
        margin-top: 5px;
        font-size: 30px;
        font-weight: bold;
        line-height: 30px;
        color: #000;
    }

    .xiangying-title {
        font-weight: normal;
        color: #233;
        overflow: hidden;
        white-space: initial;
        font-size: 12px;
        line-height: 16px;
        height: 32px;
    }

    /* .cur .xiangying-title {
		color: #000;
	} */
    .image-li.cur .dpb {
        display: none;
    }

    .image-li.cur .dpn {
        display: block;
    }

    .xiangying-body {
        color: #666;
    }

}

@media (max-width: 414px) {
    .xiangying-title {}
}


/*  服务及时响应 end */

/******** 服务场景 end ********/


/****** 首页 start ******/


/* 给孩子报辅导班 start */
.why-box { background: #f2f4f5 url(../images/a4.png) center top no-repeat;}

.why-bg {width: 1200px;margin: 0 auto;}

.why-typename-box {width: 100%;text-align: center;padding: 0 0 40px;}

.why-type-name {font-size: 32px;color: #282b2e;line-height: 40px;text-align: center;letter-spacing: 4px;}

.why-type-line {width: 100%;height: 1px; text-align: center;margin-top: -20px;}

.why-type-line img {vertical-align: top;}

.why-type-line-image {}

.why-type-desc {font-size: 32px;color: #d23526;font-weight: 600;line-height: 40px;text-align: center;letter-spacing: 4px;margin-top: 20px;}

.why-li {float: left;width: 285px;height: 260px;padding: 10px;background: url(../images/a4li.png) center center no-repeat;background-size: 285px 260px;margin-right: 20px;margin-bottom: 20px;box-sizing: border-box;}

.why-li:nth-child(4n) {margin-right: 0px;}

.why-li-bg {width: 100%;height: 100%;border: 1px solid #fff;box-sizing: border-box;}

.why-li-title {font-size: 32px;color: #fff;text-align: center;line-height: 44px;margin-top: 10px;}

.why-li-subtitle {font-size: 28px;color: #fff;line-height: 28px;text-align: center;}

.why-li-line {width: 40px;height: 2px;background: #fff;margin: 20px auto 16px;}

.why-li-body {font-size: 18px;color: #fff;line-height: 24px;text-align: center;}

/* 给孩子报辅导班 end */


/* 师资力量 start */
.daibiao-list-box {
    /* margin-top: -30px; */
}

.daibiao-list-li {
    float: left;
    width: 32%;
    margin-right: 2%;
}

.daibiao-list-li:nth-of-type(3n+3) {
    margin-right: 0;
}

.daibiao-list-link {
    display: block;
    /* margin: 30px 0; */
}

.daibiao-image {
    height: 251px;
}

.daibiao-text {
    padding: 15px 0;
    /* background-color: #F6F6F6; */
}

.daibiao-title {
    /* text-align: center; */
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.daibiao-body {
    color: #888;
    margin-top: 10px;
    font-size: 15px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
}


.daibiao-case-type {
    padding-bottom: 20px;
}

.filed-case-btn {
    display: inline-block;
    width: 26px; height: 30px; background-color: #D31F23;
}

.filed-case-btn.swiper-button-disabled {
    background-color: rgba(195, 13, 25, .5);
}

.filed-case-prev {
    right: 28px;
}

.filed-case-btn .arrow {margin-top: 9px; border-color: #fff;}

.filed-case-btn .arrow_l {margin-left: 10px;}

.filed-case-btn .arrow_r {margin-left: 3px;}


@media (max-width: 992px) {
    .daibiao-text {padding: 10px 0;}

    .daibiao-image {height: 220px;}
}

@media (max-width: 768px) {
    .daibiao-list-box {margin-top: 0;}

    .daibiao-list-link {margin-top: 0; margin-bottom: 15px;}

    .daibiao-image {height: 200px;}

    .daibiao-text {padding: 8px; background-color: #f8f8f8;}

    .daibiao-title {font-size: 14px; text-align: center;}

    .daibiao-body {margin-top: 5px; line-height: 18px; height: 36px; font-size: 13px;}
}

@media (max-width: 666px) {
    .daibiao-image {height: 180px;}
}

@media (max-width: 480px) {
    .daibiao-list-li, .daibiao-list-li:nth-of-type(3n+3) {width: 48%; margin: 0 1%;}

    .daibiao-list-link {margin-bottom: 10px;}

    .daibiao-case-type {padding-bottom: 5px;}

    .daibiao-list-box {
    }

    .daibiao-image { height: 160px;}

    .filed-case-btn {width: 20px;}

    .filed-case-btn .arrow_l {margin-left: 8px;}

    .filed-case-btn .arrow_r { margin-left: 1px;}

    .daibiao-text {padding: 8px 5px;}

    .daibiao-body {font-size: 12px; line-height: 16px; height: 32px;}
}

@media (max-width: 425px) {
    .daibiao-image {height: 130px;}
}

@media (max-width: 375px) {
    .daibiao-image {height: 110px;}
}

/* 师资力量 end */


/* 优秀学员 start */
.teacher-list-box {
    margin-top: -30px;
}

.teacher-list-li {
    float: left;
    width: 31%;
    margin-right: 3.5%;
}

.teacher-list-li:nth-of-type(3n+3) {
    margin-right: 0;
}

.teacher-list-link {
    display: block;
    margin: 30px 0;
}

.teacher-image {
    height: 251px;
}

.teacher-list-icon {
    height: 63px;
    margin: -32px 0;
    position: relative;
}

.teacher-text {
    padding: 40px 10px 20px;
    text-align: center;
    border: 1px solid #DCDCDC;
    border-top: 0;
}

.teacher-title {
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.teacher-body {
    color: #888;
    margin-top: 10px;
    font-size: 15px;
    line-height: 25px;
    height: 75px;
    overflow: hidden;
}

.teacher-list-line {
    height: 20px;
    background-size: contain;
    margin: 10px auto;
}

.teacher-list-star {
    height: 25px;
    background-size: contain;
}


.teacher-case-type {
    padding-bottom: 20px;
}

.filed-case-btn {
    display: inline-block;
    width: 26px; height: 30px; background-color: #D31F23;
}

.filed-case-btn.swiper-button-disabled {
    background-color: rgba(195, 13, 25, .5);
}

.filed-case-prev {
    right: 28px;
}

.filed-case-btn .arrow {margin-top: 9px; border-color: #fff;}

.filed-case-btn .arrow_l {margin-left: 10px;}

.filed-case-btn .arrow_r {margin-left: 3px;}


@media (max-width: 1200px) {
    .teacher-image {height: 230px;}
}

@media (max-width: 992px) {
    .teacher-image {height: 200px;}

    .teacher-list-icon {height: 50px; margin-top: -25px;}
}

@media (max-width: 768px) {
    .teacher-list-box {margin-top: 0;}

    .teacher-list-link {margin-top: 0; margin-bottom: 15px;}

    .teacher-image {height: 160px;}

    /* .teacher-list-li {width: 48%;} */
    .teacher-list-icon {height: 40px; margin-top: -20px;}

    .teacher-text {padding: 35px 8px 8px;}

    .teacher-title {font-size: 14px;}

    .teacher-body {margin-top: 5px; line-height: 18px; height: 72px; font-size: 13px;}
}

@media (max-width: 666px) {
    .teacher-image {height: 145px;}
}

@media (max-width: 480px) {
    .teacher-list-li, .teacher-list-li:nth-of-type(3n+3) {width: 48%; margin: 0 1%;}

    .teacher-list-link {margin-bottom: 10px;}

    .teacher-list-icon {height: 37px; margin-top: -19px;}

    .filed-case-btn {width: 20px;}

    .filed-case-btn .arrow_l {margin-left: 8px;}

    .filed-case-btn .arrow_r { margin-left: 1px;}

    .teacher-text {padding: 30px 5px 8px 5px;}

    .teacher-body {font-size: 12px; line-height: 16px; height: 64px;}
}

@media (max-width: 425px) {
    .teacher-image {height: 130px;}
}

/* 优秀学员 end */


/* 精品课程 start */
.course-page-box { background-size: cover;}

.course-page-bg { margin: 0 auto;}

.course-page-body {padding: 0 50px 20px; }

.swiper-course {overflow: hidden;}

.course-li {float: left; width: 33.33333333%; background: #fff; box-shadow: 0px 13px 9px rgba(0, 0, 0, .06);}

/* .course-link, .course-link:hover {cursor: unset;} */
.course-image-box {width: 100%;}

.course-image {
    height: 185px;
    background-color: #f8f8f8;
    background-size: contain;
}

.bgcf8f8f8 .course-image {
    background-color: #fff;
}

.course-li-info {padding: 15px 20px;box-sizing: border-box;}

.course-li-title {font-size: 16px;color: #d0372e; text-align: justify;line-height: 24px; text-align: center;}

.course-li-body {color: #666; line-height: 22px; height: 66px; overflow: hidden;}

.type-more-box { text-align: center;}

.type-more { display: block; width: 180px; font-size: 14px;color: #fff;text-align: center;line-height: 50px;letter-spacing: 2px; margin: 50px auto 0px;background: #009fe9;}

.type-more:hover {color: #fff;}

@media (max-width: 768px) {
    .course-page-box {background: none;}

    .course-page-body {padding: 0; }

    .pm-course-li {width: 33.33333333%; box-shadow: none;}

    .pm-course-image { height: 50px; width: 50px; margin: 0 auto; border-radius: 50%;}

    .course-li-info {padding: 5px;}

    .course-li-title { color: #000; font-size: 14px; line-height: 18px; height: 36px; overflow: hidden;}
}

@media (max-width: 480px) {
    .course-li-title {font-size: 13px;}
}

/* 精品课程 end */


/* 手机首页图片 start */
.page-image {max-width: 100%; display: block; margin: 0 auto;}

/* 手机首页图片 end */


/* 科技创新 start */
.innovate-typename-box {
    font-size: 28px;
    font-weight: bold;
    color: #000;
    margin-bottom: 25px;
}

.innovate-type-desc {
    font-size: 15px;
    color: #7f7f7f;
    font-weight: normal;
    margin-left: 10px;
}

.innovate-page-box {
    margin-top: 25px;
}

.innovate-nr {
    position: relative;
}

.am-tabs-bd {
    border: none;
    z-index: 18;
}

.innovate-title-box {
    height: 80px;
    width: 100%;
    background: url("../images/xwsybg.jpg") no-repeat center bottom;
}


.innovate-title-left {
    width: 1080px;
    height: 80px;
}

.innovate-title-right {
    width: 100px;
    height: 80px;
}

.innovate-title {
    font-size: 24px;
    color: #003f91;
    font-weight: bold;
    line-height: 38px;
}

.innovate-desc {
    font-size: 16px;
    color: #666;
    line-height: 25px;
}

.innovate-title-right a {
    display: block;
    line-height: 67px;
    font-size: 18px;
    color: #003f91;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}

.innovate-title-right a:hover {
    color: #DF1F00;
}

.innovate-info-box {
    margin-top: 35px;
    height: 315px;
    width: 100%;
}

.innovate-info-left {
    width: 472px;
    height: 324px;
    overflow: hidden;
    position: relative;
}

.innovate-info-left ul li a:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    filter: brightness(1);
}

.am-slider .am-slides img {
    filter: brightness(0.9);
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}

.innovate-info-time {
    position: absolute;
    z-index: 3;
    width: 70px;
    height: 60px;
    left: 7px;
    top: 7px;
    background: #DF1F00;
    color: #fff;
    font-size: 28px;
    text-align: center;
    padding-top: 10px;
    line-height: 22px;
}

.innovate-info-time span {
    font-size: 13px;
    display: block;
}

.innovate-info-text {
    position: absolute;
    z-index: 2;
    background: url("../images/syxwds.png") no-repeat center;
    width: 100%;
    height: 76px;
    bottom: 0;
    font-size: 16px;
    color: #fff;
}

.innovate-info-text-bg {
    width: 310px;
    margin-top: 15px;
    padding-left: 20px;
    height: 50px;
}

.innovate-info-left .am-slider-default .am-control-nav {
    bottom: 27px;
    width: auto;
    right: 10px;
}

.innovate-info-left .am-slider-default .am-control-nav li a {
    width: 10px;
    height: 10px;
    background-color: #fff;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}

.innovate-info-left .am-slider-default .am-control-nav li a.am-active {
    width: 30px;
    background-color: #E60012;
}

.innovate-info-left .am-slider-default .am-control-nav li {
    margin: 0 3px;
}

.innovate-info-right {
    width: 685px;
    height: 314px;
}

.innovate-right-li {
    /* width: 100%; */
    padding-left: 19px;
    background: url("../images/xhd.jpg") no-repeat center left;
    display: block;
    overflow: hidden;
    margin-bottom: 12px;
}

.innovate-right-link {
    display: block;
}

.innovate-right-link .innovate-right-title {
    font-size: 15px;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    display: block;
    width: 80%;
}

.innovate-right-link .innovate-right-bd {
    font-size: 15px;
    color: #999999;
}


.innovate-page-box .am-nav-tabs {
    border: none;
    position: absolute;
    top: -60px;
    right: 0;
}

.innovate-page-box .am-nav-tabs > li {
    position: relative;
    display: block;
    float: left;
    margin-bottom: -1px;
    margin-left: 4px;
}

.innovate-page-box .am-nav-tabs > li > a {
    display: block;
    width: 150px;
    height: 50px;
    background: #F7F7F7;
    border: none;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    position: relative;
}

.innovate-page-box .am-nav-tabs > li > a:hover {
    background: #EAEAEA;
}

.innovate-page-box .am-nav-tabs > li.am-active > a, .innovate-page-box .am-nav-tabs > li.am-active > a:focus {
    background: #1A499B;
    color: #fff;
    border: none;
}

.innovate-page-box .am-direction-nav {
    display: none;
}


.innovate-slide-li { height: 324px;}

.innovate-slide-li img { height: 324px;}

@media screen and (max-width: 768px) {
    .innovate-page-box {margin-top: 0;}

    .innovate-slide-li { height: inherit}

    .innovate-slide-li img { height: inherit}
}

@media (max-width: 640px) {
    .innovate-nr {
        width: 100%;
    }

    .innovate-typename-box {
        width: 100%;
        overflow: hidden;
        margin-bottom: 10px;
        font-size: 18px;
        text-align: center;
    }

    .innovate-type-name {
        display: block;
    }

    .innovate-type-desc {
        display: block;
        margin-left: 0;
    }

    .innovate-typename-boxt span {
        display: block;
        margin-left: 0;
    }

    .innovate-type-desc {
        display: block;
        margin-left: 0;
        font-size: 13px;
    }

    .innovate-typename-boxt span {
        display: block;
        margin-left: 0;
    }

    .innovate-page-box .am-nav-tabs > li {
        width: 33.3333333333%;
        margin-left: 0;
    }

    .innovate-page-box .am-nav-tabs > li > a {
        line-height: 38px;
        height: auto;
        width: 120px;
        font-size: 14px;
    }

    .am-tabs-bd .am-tab-panel {
        padding: 10px 0;
        float: none;
    }

    .am-slider-default {
        margin-bottom: 10px;
    }

    .innovate-info-text-bg {
        width: 240px;
        line-height: 20px;
        font-size: 13px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 20px;
    }

    .innovate-info-text {
        overflow: hidden !important;
        height: 46px;
    }

    .innovate-info-left .am-slider-default .am-control-nav {
        bottom: 17px;
    }

    .innovate-page-box .am-nav-tabs {
        /* width: 100%;
		top: -80px; */
        position: static;
    }

    .innovate-title-box {
        display: none;
    }

    .innovate-title-left {
        width: 100%;
    }

    .innovate-title {
        font-size: 21px;
    }

    .innovate-info-box {
        margin: 0;
        height: auto;
    }

    .innovate-info-left {
        width: 100%;
        float: none;
        height: auto;
        display: none;
    }

    .innovate-info-right {
        width: 100%;
        float: none;
    }

    .innovate-info-leftx {
        float: none;
        display: none;
    }

    .line-clamp {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .innovate-right-link .innovate-right-title {
        width: 245px;
    }


}

@media (max-width: 382px) {
    .innovate-right-li {
        padding-left: 15px;
        margin-bottom: 8px;
    }

    .innovate-right-link .innovate-right-title {
        width: 230px;
    }

    .innovate-info-right {
        height: auto;
    }
}


@media (max-width: 362px) {
    .innovate-right-link .innovate-right-title {width: auto; float: none;}

    .innovate-right-link .innovate-right-bd {
        display: none;
    }
}

/* 科技创新 end */

/* 业务展示 start */
.yewu-page-box {
    /* background: url("../images/bhgcbg.jpg") no-repeat center; */
}

.yewu-type-ul {
    width: 188px;
    height: 439px;
    background-color: #E7E7E7;
}

.yewu-page-body {
    width: 100%;
    height: 439px;
}

.yewu-page-box .am-tabs-bd {
    /* float: left;
	width: 84%; */
    margin: 0 188px;
    height: 439px;
}

.yewu-type-li {
    width: 100%;
    height: 87px;
    margin-bottom: 1px;
}

.yewu-type-link {
    background: #E7E7E7;
    height: 100%;
    text-align: center;
    line-height: 87px;
    color: #333333;
    font-weight: bold;
    font-size: 15px;
    margin: 0;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    padding: 0 10px;
    border: none;
}

.yewu-type-link:hover {
    background: #D8D8D8;
}

.yewu-page-body .am-nav-tabs > li.am-active > a, .yewu-page-body .am-nav-tabs > li.am-active > a:focus {
    background: #3071B7;
    color: #fff;
    border: none;
}

.yewu-page-box .am-tabs-bd {
    z-index: 18;
}

.yewu-page-body .am-tabs-bd .am-tab-panel {
    padding: 0;
    z-index: 18;
}

.am-tabs-bd .am-tab-panel.innovate-page-bg {
    width: auto;
}

.yewu-page-body .am-nav-tabs {
    border: none;
}

.yewu-right-image-box {
    width: 100%;
    height: 439px;
    float: left;
    overflow: hidden;
}

.yewu-right-image {
    height: 100%;
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    filter: brightness(0.9);
}

.yewu-right-image-box:hover .yewu-right-image {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    filter: brightness(1);
}

.yewu-right-info {
    float: left;
    width: 243px;
    height: 340px;
    padding: 59px 32px 0 32px;
}

.yewu-right-more {
    width: 124px;
    height: 42px;
}

.yewu-right-more a {
    width: 124px;
    height: 42px;
    display: block;
    background: #F2F2F2;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    font-size: 13px;
    color: #666;
    text-align: center;
    line-height: 42px;
}

.yewu-right-more a:hover {
    background: #1A499B;
    color: #fff;
    width: 140px;
}

.yewu-right-more a span {
    font-family: 宋体;
    margin-left: 10px;
    font-size: 16px;
}

.yewu-right-title {
    font-size: 20px;
    font-weight: bold;
    color: #3071b7;
}

.yewu-right-desc {
    font-size: 15px;
    color: #666666;
    margin-top: 20px;
}

.yewu-right-more {
    margin-top: 20px;
}

.yewu-page-body .am-slider-default .am-direction-nav a:before {
    display: none;
}

.yewu-page-body .am-slider-default .am-direction-nav a {
    width: 44px;
    height: 41px;
}

.yewu-page-body .am-slider-default .am-direction-nav .am-next {

    right: 39px;
}

.yewu-page-body .am-slider-default .am-direction-nav .am-prev {

}

.yewu-page-body .am-slider-default .am-direction-nav a {
    top: 87%;
}

.yewu-page-body .am-slider-default .am-direction-nav .am-prev {
    left: auto;
    right: 88px;
}

.yewu-type-icon {
    position: absolute;
    left: 10px;
    opacity: 0;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}

.yewu-page-body .am-nav-tabs > li.am-active > a .yewu-type-icon, .yewu-page-body .am-nav-tabs > li.am-active > a:focus .yewu-type-icon {
    opacity: 1;
}

.yewu-page-body .am-nav-tabs > li.am-active > a .yewu-type-icon2, .yewu-page-body .am-nav-tabs > li.am-active > a:focus .yewu-type-icon2 {
    opacity: 0;
}

.yewu-type-icon2 {
    opacity: 1;
}

.yewu-type-icon3 {
    text-align: left;
    width: 120px;
    overflow: hidden;
    white-space: nowrap;
}

@media (max-width: 640px) {
    .yewu-type-ul {
        width: 100%;
        height: 95px;
        float: none;
    }

    .yewu-page-box .am-tabs-bd {
        width: 100%;
        height: auto;
        margin: 0;
    }


    .yewu-right-image-box {
        width: 100%;
        float: none;
        height: 300px;
    }

    .yewu-right-info {
        width: auto;
        height: auto;
        float: none;
        padding: 34px 32px 34px 32px;
    }

    .yewu-page-box {
        height: inherit !important;
        background-color: #F4F4F4;
    }

    .yewu-page-body {
        height: auto;
    }

    .yewu-page-body .am-slider-default .am-control-nav {
        display: none;
    }

    .yewu-type-ul {
        height: auto;
    }

    .yewu-type-li {
        width: calc(100% / 5);
        float: left;
        height: auto;
    }

    .yewu-type-link {
        display: block;
        width: 100%;
        padding: 0;
        line-height: 56px;
        text-align: center;
        height: 60px;
    }

    .yewu-type-icon {
        left: 21px;
        position: static;
        display: none;
    }

    .am-active .yewu-type-icon {
        display: block;
    }

    .yewu-type-icon2 {
        /* left: 21px;
		position: absolute; */
        position: static;
        float: none;
    }

    .am-active .yewu-type-icon2 {
        display: none;
    }

    .yewu-type-icon3 {
        display: none;
    }

    .innovate-info-left .am-slider-default {
        /* display: none; */
    }

    .yewu-page-body .am-slider-default .am-control-nav {
        display: none;
    }


    .yewu-page-body .am-slider-default .am-direction-nav a {
        width: 30px;
        height: 30px;
        top: auto;
        bottom: 5px;
    }

    .yewu-page-body .am-slider-default .am-direction-nav .am-next {
        right: 5px;
    }

    .yewu-page-body .am-slider-default .am-direction-nav .am-prev {
        right: 40px;
    }

}

@media (max-width: 480px) {
    .yewu-right-image-box {
        height: 260px;
    }
}

/* 业务展示 end */


/* 新闻中心 start */
.news-page-box {
    /* width: 100%;
	background-attachment: fixed; */
}

.news-page-body {

}

.home-news-ul {
    width: 48%;
}

.home-news-li {
    position: relative;
}

.home-news-link {
    display: block;
    background: #ffffff;
    padding: 24px;
    margin-bottom: 20px;
}

.news-li-time-box {
    position: absolute;
    left: 24px;
    top: 24px;
    width: 80px;
    text-align: center;
    background: #cacaca;
    padding: 10px 0;
    overflow: hidden;
    /* border-radius: 4px; */
}

.news-li-day {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}

.news-li-year-moon {
    font-size: 14px;
    color: #fff;
}

.news-li-info {
    padding-left: 100px;
}

.news-li-title {
    font-size: 15px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-li-desc {
    display: block;
    font-size: 14px;
    color: #999;
    line-height: 22px;
    padding-top: 5px;
    height: 45px;
    overflow: hidden;
}

.home-news-li:hover .news-li-time-box {
    background: #009fe9;
}

.home-news-li:hover .news-li-info p a {
    color: #009fe9
}

@media (max-width: 768px) {

    .news-page-body {
        padding-top: 10px;
    }

    .home-news-ul {width: 49%;}

    .home-news-link {
        padding: 8px;
        margin-bottom: 10px;
    }

    .news-li-time-box {
        left: 8px;
        top: 8px;
        width: 75px;
        padding: 8px 0;
    }

    .news-li-day {
        font-size: 16px;
        font-weight: normal;
    }

    .news-li-year-moon {
        font-size: 13px;
        display: block;
    }

    .news-li-info {
        padding-left: 83px;
    }

    .news-li-title {
        font-size: 13px;
    }

    .news-li-info p a {
        font-size: 15px;
    }

    .news-li-desc {
        font-size: 12px;
        line-height: 17px;
        padding-top: 3px;
        height: 34px;
    }

}

@media (max-width: 480px) {
    .home-news-ul {width: auto; float: none;}

    .home-news-link {margin-bottom: 5px;}
}

/* 新闻中心 end */

/****** 首页 end ******/


@media (max-width: 768px) {
    .prenext-ul {padding: 8px 0; text-align: left;}

    .prenext-li { float: none; width: auto; padding: 3px 0;}

    .prenext-li a {margin: 0 2px; line-height: 20px;}
}


/* 关于我们 start */

.about-left {
    float: left;
    width: 500px;
}

.about-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 300px;
}

.about-right {
    margin-left: 500px;
    padding-left: 30px;
}

.about-content {
    /* padding: 20px 0; */
    line-height: 2;
    overflow: hidden;
    color: #666;
}

.cfff .about-content {
    color: #fff;
}

.about-content img {
    max-width: 100%;
}

.about-ul {}

.about-li {
    width: 46%;
    margin: 15px 2%;
    float: left;
    padding: 30px 0;
}

.about-li3 {width: 96%;padding-top: 70px;border-top: 1px dashed #dedede;}

.about-link {display: block;position: relative;overflow: hidden;}

.about-image-box {
    overflow: hidden;
}

.about-image {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}


@media (max-width: 1200px) {
    .w1200 {padding: 0 10px;width: auto;}

    .about-left {width: 400px;}

    .about-right {margin-left: 400px;}
}

@media (max-width: 992px) {
    .about-content {padding: 0; line-height: 1.6;}
}

@media (max-width: 888px) {

    .about-left {float: none; width: auto;}

    .about-right {margin-left: 0; padding: 10px 0;}

}

@media (max-width: 767px) {
    .about-image {height: 260px;}

    .about-content {line-height: 1.6; font-size: 13px;}
}

@media (max-width: 620px) {
    .about-body {font-size: 12px;line-height: 20px;}
}

@media (max-width: 480px) {
    .about-image {height: 200px;}

    .about-content {padding: 5px 0;}
}

/* 关于我们 end */


/* 学院荣誉 start */
.honor-li {
    overflow: hidden;
}

.honor-link {
    display: block;
}

.honor-li-left {
    width: 140px;
}

.honor-image {
    height: 95px;
}

.honor-li-right {
    margin-left: 180px;
    overflow: hidden;
    padding-bottom: 40px;
}


.honor-li-info-box {
    margin-left: 70px;
}

.honor-li-time-box {
    padding: 5px 0 20px;
    text-align: center;
}

.honor-li-moon-day {
    font-size: 24px;
    font-family: 微软雅黑;
    color: rgba(255, 255, 255, 1);
    font-weight: normal;
    text-decoration: none;
    font-style: normal;
    line-height: 36px;
}

.honor-li-year {
    font-size: 14px;
    font-family: 微软雅黑;
    color: rgba(255, 255, 255, 1);
    font-weight: normal;
    text-decoration: none;
    font-style: normal;
    font-size: 14px;
    line-height: 25px;
}


.honor-li-line-box {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    color: #f2f2f2;

}

.honor-li-line {
    position: absolute;
    width: 1px;
    background: #f0f0f0;
    height: 1000px;
    top: 0;
    left: 50%;
    margin-left: -.5px;
    display: inline-block;
}

.honor-li-line-bg {
    margin: 0 22px;
    display: inline-block;
    vertical-align: middle;
}

.line-circle-in, .line-circle-out {
    position: absolute;
    left: 50%;
    border-radius: 50%;
    background: #b3b3b3;
}

.line-circle-out {
    top: 8px;
    margin-left: -3.5px;
    width: 7px;
    height: 7px;
    line-height: 15px;
    text-align: center;
    position: absolute;
    left: 50%;
    border-radius: 50%;
    background: #b3b3b3;
}

.line-circle-in {
    width: 15px;
    height: 15px;
    opacity: .3;
    top: 50%;
    margin: -7.5px 0 0 -7.5px;
}

.honor-li-info {
    margin-left: 55px;
}

.honor-title-box {
    padding: 10px;
    background-color: #f5f5f5;
}


.honor-li-title {
    font-size: 16px;
    margin-bottom: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.honor-li-title:hover {
    color: #009fe9;
}

.honor-li-desc {
    line-height: 30px;
    height: 60px;
    overflow: hidden;
}


@media (max-width: 768px) {
    .honor-li-left {width: 120px;}

    .honor-image {height: 85px;}

    .honor-li-right {margin-left: 128px;}

    .honor-li-moon-day {font-size: 20px;}

    .honor-li-info-box {margin-left: 60px;}

    .honor-li-line-bg {margin: 0 10px;}

    .honor-li-info {margin-left: 25px;}

    .honor-li-title { font-size: 15px; margin-bottom: 8px;}

    .honor-li-desc {line-height: 20px; font-size: 13px;}
}

@media (max-width: 480px) {
    .honor-ul { padding-bottom: 0;}

    .honor-li {width: 50%; float: left;}

    .honor-link {margin: 5px;}

    .honor-li-left {float: none; width: auto;}

    .honor-image {
        height: 140px;
    }

    .honor-li-right {padding: 5px 5px 8px; margin: 0; background-color: rgba(255, 255, 255, .1); background-color: #f8f8f8;}

    .honor-li-time-box, .honor-li-line-box {display: none;}

    .honor-li-info-box {margin: 0;}

    .honor-li-info {margin: 0; }

    .honor-li-title {font-size: 14px; margin-bottom: 2px; text-align: center; font-weight: normal;color: #233;}

    .honor-li-desc {font-size: 12px; line-height: 16px; height: 80px;color: #666;}
}

/* 学院荣誉 end */


/* 学院环境 start */
.huanjing-list-li {
    float: left;
    width: 25%;
}

.huanjing-list-link {
    display: block;
    margin: 1px;
}

.huanjing-image {
    height: 300px;
}

@media (max-width: 480px) {
    .huanjing-list-li {width: 50%;}
}

/* 学院环境 end */

/* 图片列表 start */
.listimg-li {
    width: 33.3333333%;
    float: left;
    text-align: center;
}

.listimg-link {
    margin: 22px;
    position: relative;
}

.listimg-image-box {
    overflow: hidden;
    /* padding: 10px;
	background-color: #dedede; */
}


.listimg-image {
    display: block;
    width: 100%;
    height: 275px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.list-team-image {
    height: 500px;
}

.list-honor-image {
    background-size: contain;
    background-color: #f8f8f8;
}

.bgcf8f8f8 .list-honor-image {
    background-color: #fff;
}

.listimg-image:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.listimg-title-box {
    padding: 8px;
    /* background-color: #f5f5f5; */
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.listimg-link:hover .listimg-title-box {
    background-color: rgba(0, 159, 233, .7);
    color: #fff;
}

.listimg-title {
    font-size: 16px;
    line-height: 1.5;
}

@media (max-width: 1200px) {
    .listimg-image {
        height: 230px;
    }
}

@media (max-width: px) {
    .listimg-image {
        height: 230px;
    }
}


@media (max-width: 768px) {
    .listimg-li {
        width: 50%;
    }

    .innovate-title-right {
        display: none;
    }

    .case_title {
        font-size: 0.8rem;
    }

    .listimg-link {margin: 15px;}

    /* .listimg-image-box {padding: 5px;} */
    .listimg-image {
        height: 195px;
    }

    .listimg-title-box {
        padding: 5px;
    }

    .listimg-title {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .listimg-link {margin: 8px;}

    .listimg-image {
        height: 150px;
    }
}

@media (max-width: 380px) {
    .listimg-link {margin: 5px;}

    .listimg-image {
        height: 120px;
    }
}

/* 图片列表 end */


/* 产品列表-列表 start */
.listpro-ul {
    /* padding: 0 10px; */
}

.listpro-li {
    width: 33.33333333%;
    position: relative;
    float: left;
}

/* .listpro-li:nth-of-type(2n+1) {
	margin-right: 4%;
} */

.listpro-link {
    margin: 22px;
    border: 1px solid #e5e5e5;
}

.listpro-left {
    width: 100%;
    /* float: left; */
    position: relative;
    overflow: hidden;
}


.listpro-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 260px;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.listpro-image:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.listpro-right {
    /* position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	left: 56%; */
    /* padding: 20px; */
    /* background-color: rgba(0, 0, 0, .7); */
    position: relative;
    padding: 10px 40px 10px 10px;
    background-color: #fff;
}

.listpro-link:hover .listpro-right {
    background-color: rgba(199, 0, 0, 1);
    color: #fff;
}

.listpro-title {
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: inherit;
}

.listpro-title-line {
    width: 30px;
    height: 3px;
    margin-bottom: 15px;
}

.listpro-attr {
    padding: 5px 0;
}

.attr-item {
    display: inline-block;
    margin-right: 20px;
}

.attr-title {
    color: inherit;
}

.listpro-info {
    margin: 25px 0;
    line-height: 23px;
    display: none;
}

.listpro-button-box {
    /* margin-top: 10px; */
    text-align: center;
    width: 60px;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    background-image: url(../images/plus.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}

.listpro-button {
    display: inline-block;
    padding: 2px 2px 2px 4px;
    line-height: 28px;
    width: 28px;
    height: 30px;
    font-size: 25px;
    color: #B8914E;
    text-align: center;
    /* background-color: #fff;
	border-radius: 50%; */
    margin: 0 auto;
    font-size: 0;
    display: none;
}

@media (max-width: 1200px) {
    .listpro-image {height: 190px;}
}

@media (max-width: 992px) {
    .listpro-info {
        line-height: 22px;
        font-size: 13px;
        margin: 10px 0;
    }
}

@media (max-width: 768px) {

    .listpro-ul {
        padding: 0;
    }

    .listpro-li {
        width: 50%;
    }

    .listpro-right {
        /* position: static;
		left: 0;
		background: none; */
        padding: 8px 20px 8px 8px;
        color: #666;
    }

    .listpro-link:hover .listpro-right {
        background-color: rgba(199, 0, 0, .75);
        color: #fff;
    }

    .listpro-image {
        height: 220px;
    }

    .listpro-title {
        font-size: 14px;
        margin-bottom: 0;
        line-height: 30px;
    }

    .listpro-title-line {
        margin-bottom: 5px;
    }

    .listpro-info {
        margin: 5px 0;
        font-size: 12px;
        line-height: 17px;
        height: 51px;
        overflow: hidden;
    }

    .listpro-button-box {
        width: 36px;
    }

    /* .listpro-button {
		background-color: #B8914E;
		color: #fff;
	} */
    .listpro-link:hover .listpro-button {
        background-color: #fff;
        color: #B8914E;
    }
}

@media (max-width: 560px) {
    .listpro-left {}

    .listpro-image {
        height: 160px;
    }

    .listpro-right {
        padding: 5px;
    }

    .listpro-info {
        height: 68px;
        margin-top: 0;
    }

    .listpro-button-box {
        display: none;
    }

    .listpro-button {
        margin-bottom: 3px;
    }
}

@media (max-width: 480px) {
    .listpro-link {
        margin: 5px;
    }

    .listpro-title {
        line-height: 25px;
        font-size: 13px;
    }

    .listpro-button {
        width: 25px;
        height: 25px;
        font-size: 18px;
        line-height: 23px;
        padding: 0;
    }

    .listpro-image {
        height: 150px;
    }
}

@media (max-width: 380px) {

    .listpro-image {
        height: 125px;
    }
}

/* 产品列表-列表 end */


/* 文章列表 start */
/* .listarc-right {margin-left:280px;} */

.listarc-right-ul {}

.listarc-right-li {
    border-bottom: 1px dashed #e5e5e5;
    padding: 20px 0;
}

.listarc-right-li.last, .listarc-right-li:nth-of-type(3n+3) {margin-right: 0;}

.listarc-right-link {display: block;position: relative;overflow: hidden;}

.listarc-right-date-box {
    overflow: hidden;
    float: left;
}

.listarc-right-date-bg {
    width: 84px;
    height: 84px;
    min-height: 23px;
    line-height: 23px;
    cursor: pointer;
    text-align: center;
    margin-bottom: 18px;
    background: #f2f2f2;
    vertical-align: middle;
    position: relative;
    color: rgb(102, 102, 102);
}

.listarc-right-day {
    font-size: 25px;
    line-height: 25px;
    padding-top: 20px;
}

.listarc-right-year-moon {
    font-size: 14px;
    line-height: 14px;
}

.listarc-right-info {
    margin-left: 100px;
    overflow: hidden;
}

.listarc-right-info.listarc-search-info {
    margin-left: 0;
}

.listarc-right-title-box {
    padding: 3px 0;
    color: #666;
}

.listarc-right-time {
    float: right;
    font-size: 15px;
}

.listarc-right-title {
    /* text-align: center; */
    font-size: 16px;
    font-weight: normal;
    overflow: hidden;
    margin-right: 90px;
    white-space: nowrap;
    line-height: 1.4;
    text-overflow: ellipsis;
}

.listarc-right-title:hover {
    color: #1E51AD;
}

.listarc-right-link:hover .listarc-right-image {
    -webkit-transform: scale(1.1);
    -mos-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.listarc-right-body {
    margin-top: 4px;
    font-size: 15px;
    line-height: 24px;
    color: #9B9B9B;
    /* margin-bottom: 6px; */
    overflow: hidden;
    /* white-space:nowrap;
	text-overflow:ellipsis; */
}

@media (max-width: 1200px) {
    .w1200 {padding: 0 10px;width: auto;}
}

@media (max-width: 992px) {
    .listarc-right-title-box {padding: 5px 0;}

    .listarc-right-title {font-size: 14px;}

    .listarc-right-body {font-size: 14px; line-height: 20px;}
}

@media (max-width: 768px) {
    .w1200 {padding: 0;}

    .listarc-right-ul {padding: 0 8px;}

    .listarc-right-li {padding: 5px 0;}

    .listarc-right-title-box {}

    .listarc-right-title {padding: 0;font-size: 14px;}

    .listarc-right-time {font-size: 12px;}

    /* .listarc-right-info {margin-left: 190px;} */
    .listarc-right-day {font-size: 22px;}

    .listarc-right-date-bg {margin-bottom: 10px;}

    .listarc-right-body {margin: 0;font-size: 12px; height: 80px; }
}

@media (max-width: 666px) {
    .listarc-right-title-box {padding: 2px 0 3px;}

    .listarc-right-image {height: 100px; width: 160px;}

    /* .listarc-right-info {margin-left: 170px;} */
    .listarc-right-body {line-height: 18px; height: 72px;}
}

@media (max-width: 560px) {
    .listarc-right-image {height: 80px; width: 120px;}

    /* .listarc-right-info {margin-left: 130px;} */
    .listarc-right-body {height: 54px;}
}

@media (max-width: 480px) {
    .listarc-right-image {width: 100px; height: 66px; }

    .listarc-right-info {margin-left: 83px;}

    .listarc-right-date-bg {margin-bottom: 0; width: 75px; height: 80px;}

    .listarc-right-day {padding-top: 15px;}

    .listarc-right-year-moon {font-size: 13px; margin-top: 5px;}

    /* .listarc-right-body {height: 36px;} */
}


/* 文章列表 end */


/* 文章详情 start */
.detail-title-box {
    position: relative;
    border-bottom: 1px solid #e4e4e4;
}

.detail-news-title {
    font-size: 25px;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.detail-title-box .detail-title-line {
    display: block;
    margin: 0 auto -1px;
    height: 3px;
    width: 2.5em;
    background: #009fe9;
}

.detail-body {
    padding: 30px 30px;
    line-height: 30px;
    border-bottom: 1px solid #eeeff1;
}

.detail-body img {
    max-width: 100%;
}

@media (min-width: 768px) {
    .detail-body { font-size: 15px;}

}

@media (max-width: 480px) {
    .detail-news-title { font-size: 16px; margin-bottom: 10px; }

    .detail-time {padding: 5px 0; display: none;}

    .detail-body {padding: 10px 5px; line-height: 25px;}

}

/* 文章详情 end */


/* 图片详情 start */
.pro-detail-box {
    background-color: #fff;
}

.detail-row-box {
    margin: 30px 0;
}

.detail-title-row {
    padding: 10px 15px;
    background-color: #f1f1f1;
    line-height: 1.5;
}

.detail-pro-title {
    display: inline-block;
    font-size: 16px;
    /* padding: 0 10px; */
    font-weight: normal;
    /* border-left: 5px solid #009fe9; */
    color: #009fe9;
}

.detail-entitle {
    color: #888;
    text-transform: capitalize;
}

.detail-image-box {
    margin-top: 10px;
    text-align: center;
}

.detail-image {
    max-width: 100%;
}

.pro-detail-content {
    padding: 20px;
    line-height: 25px;
    color: #6f6f6f
}

.pro-detail-content img {
    max-width: 100%;
}

@media (max-width: 768px) {
    .detail-row-box {
        margin: 10px 0 0;
    }

    .detail-title-row {
        padding: 5px 12px;
    }

    .detail-pro-title {
        font-size: 14px;
    }

    .detail-entitle {
        font-size: 13px;
    }

    .pro-detail-content {
        padding: 10px 0;
        line-height: 20px;
    }
}

/* 图片详情 end */

/* 联系我们 start */
.contact-bg {
    background-color: #f8f8f8;
}

.bgcfff {
    background: #fff;
}

.dpib {
    display: inline-block;
}

.contact-page-box {
    padding: 50px 70px;
}

.contact-page-body-bg {
    border-top: 1px solid #f0f0f0;
    padding-top: 20px;
}

.contact-left-body {
    float: left;
    width: 50%;
}

.contact-type-title {
    margin-top: 33px;
}

.contact-type-title h3 {
    font-size: 20px;
    color: #363636;
}

.contact-info-box {
    /* padding-left: 45px; */
    margin-top: 30px;
}

.contact-info-box p {
    font-size: 12px;
    /* color: #959595; */
    color: #666;
    padding-left: 24px;
    line-height: 20px;
    margin: 7.5px 0;
}

.contact-info-box p.p1 {
    background: url(../images/icon33.png) no-repeat left center;
}

.contact-info-box p.p2 {
    background: url(../images/icon34.png) no-repeat left center;
}

.contact-info-box p.p3 {
    background: url(../images/icon35.png) no-repeat left center;
}

.contact-info-box p.p4 {
    background: url(../images/icon36.png) no-repeat left center;
}

.contact-info-box p.p5 {
    background: url(../images/icon37.png) no-repeat left center;
}

.contact-ewm-box {
    float: left;
    width: 50%;
    text-align: center;
    padding-top: 38px;
    margin-left: -1px;
    border-left: 1px solid #f0f0f0;
}

.contact-ewm-box .dpib {
    margin: 0 10px;
}

.contact-ewm {
}

.contact-ewm img {
    height: 160px;
}

.contact-ewm-title {
    text-align: center;
    margin-top: 12px;
}

@media (max-width: 1063) {
    .contact-page-box {
        padding: 0 50px;
    }

    .contact-info-box {

    }

    .contact-left-body {
        width: 60%;
    }

    .contact-ewm-box {
        width: 40%;
        padding-top: 30px;
    }


}

@media (max-width: 800px) {
    .contact-left-body {
        width: 70%;
    }

    .contact-ewm-box {
        width: 100%;
        margin-top: 20px;
        text-align: left;
        border-left: 0;
        padding-top: 20px;
    }

    .contact-page-box {
        position: relative;
    }

}

@media (max-width: 768px) {
    .contact-info-box {
        width: 100%;
        box-sizing: border-box;
    }

    .contact-left-body {
        width: 100%;
    }

    .contact-page-box {
        padding: 20px 20px 0;
        margin: 20px 0;
        padding-bottom: 20px;
    }
}

@media (max-width: 480px) {
    .contact-page-body-bg {
        padding-top: 0;
    }

    .contact-page-box {padding: 15px 15px 0; margin: 10px 0;}

    .contact-type-title {margin-top: 15px;}

    .contact-type-title h3 {font-size: 16px;}

    .contact-info-box {margin-top: 10px;}

    .contact-info-box p {margin: 3px 0; padding-left: 0;}

    .contact-ewm-box {margin-top: 0; padding-top: 10px;}

    .contact-ewm img {width: auto; height: 100px;}

    .contact-ewm-title {margin-top: 5px;}
}

/* 联系我们 end */


.footer {
    padding: 50px 0;
    background-color: #253653;
    color: #bec3cc;
}

.footer .container {
    width: 1300px; margin: 0 auto;
}

.footer a {
    color: #bec3cc;
}

.footer a:hover {
    color: #fff;
}

.footer-nav {
    margin-bottom: 30px;
    background-color: #334564;
    border-radius: 5px;
    font-size: 0;
    padding: 15px;
    text-align: center;
}

.footer-nav a {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    margin: 0 20px;
}

.footer-ewm {
    float: right;
    width: 120px;
    text-align: center;
}

.footer-ewm p {
    margin: 10px 0 0;
    font-size: 12px;
}

.footer-info {
    margin-right: 160px;
    background: url(../images/foot_logo.png) no-repeat 0 center;
    padding-left: 250px;
    font-size: 14px;

}

.footer-info p {
    margin: 5px 0 0;
}


/********toolbar*********/
.toolbar {
    width: 52px;
    position: fixed;
    right: 1%;
    bottom: 50px;
    margin-top: -115px;
    z-index: 999;
}

.toolbar dd {
    width: 51px;
    height: 51px;
    margin-bottom: 1px;
    position: relative;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin-top: 4px;
    border: #ebebeb solid 1px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.toolbar dd i {
    width: 51px;
    height: 51px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    text-align: center;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.toolbar dd i span {
    width: 35px;
    height: 35px;
    display: block;
    margin: 8px 0 0 8px;
    background: url(../images/rightfixicon.png) no-repeat 0 0;
}

.toolbar dd.gottop {
    display: none;
}

.toolbar .slide-tel {
    display: block;
    width: 0;
    height: 53px;
    line-height: 53px;
    font-size: 22px;
    font-weight: bold;
    font-family: arial;
    color: #FFF;
    position: absolute;
    padding: 0 0 0 53px;
    top: -1px;
    right: -2px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    overflow: hidden;
}

.toolbar .pop {
    position: absolute;
    right: 90px;
    bottom: -30px;
    background: #009fe9;
    display: none;
}

.toolbar .pop-code {
    width: 160px;
    padding-top: 20px;
}

.toolbar .pop-code img {
    width: 120px;
    height: 120px;
    display: block;
    padding: 0 20px;
}

.toolbar .pop-code h3 {
    /* height: 52px; */
    line-height: 26px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
}

.toolbar .pop-code h3 b {
    display: block;
    font-size: 14px;
    font-weight: normal;
}

.toolbar .qq span {
    background-position: -35px -47px;
}

.toolbar .qq a {
    width: 52px;
    height: 52px;
    cursor: pointer;
    display: block;
}

.toolbar .qq:hover {
    background-color: #009fe9;
    border-radius: 100%;
}

.toolbar .qq:hover span {
    background-position: 0 -47px;
}

.toolbar .tel > span {
    font-size: 82%;
    position: relative;
    top: -3px;
}

.toolbar .tel i span {
    background-position: -35px 0;
}

.toolbar .tel:hover {
    background: #009fe9;
}

.toolbar .tel:hover span {
    background-position: 0 0;
}

.toolbar .code span {
    background-position: -35px -95px;
}

.toolbar .report span {
    background: url("../images/report2.png") no-repeat;
}


.report_btn {
    position: fixed;
    left: 30px;
    top: 160px;
    z-index: 10008;
    width: 200px;
    height: 100px;
    background: url(../images/report_btn.jpg);
}

.toolbar .code:hover {
    background-color: #009fe9;
    border-radius: 100%;
}

.toolbar .code:hover span {
    background-position: 0 -95px;
}

.toolbar .top span {
    background-position: -35px -142px;
}

.toolbar .top:hover {
    background-color: #009fe9;
    border-radius: 100%;
}

.toolbar .top:hover span {
    background-position: 0 -142px;
}

.toolbar dd:hover {
}

span.bds_more, .bds_tools a {
    line-height: 14px !important;
}

.menu-nav .active .menu-link {color: #009fe9;
    border-color: #009fe9;}

.section {
    display: block;
    padding: 50px 0 0 0;
    overflow: hidden;
}

.container {
    /*padding: 0 15px;*/
    width: 1300px;
    margin: 0 auto;
}

.content-body { width: 1000px; height: auto;overflow: hidden;}

.content-body img { max-width: 100%; height: auto;}


.ct2-sd {
    float: left;
    width: 260px;
}

.ct2-mn {
    float: right;
    width: 1000px;
    margin-bottom: 50px;
}

.panel-sd {
    margin-bottom: 20px;
    background-color: #f6f6f6;
}

.panel-sd:last-child {
    margin-bottom: 0;
}

.panel-sd .tit {
    text-align: center;
    color: #fff;
    font-size: 20px;
    background: url(../images/k1.jpg) no-repeat center / cover;
    padding: 20px 0;
}

.contact-sd {
    padding: 20px;
    line-height: 1.8;
    font-size: 14px;
}

.lanmu li {
    border-bottom: 1px dotted #ddd;
}

.lanmu li:last-child {
    border-bottom: 0;
}

.lanmu li > a {
    display: block;
    line-height: 44px;
    padding: 0 0 0 25px;
    color: #666;
    font-size: 16px;
}

.lanmu li .arr {
    float: right;
    height: 45px;
    width: 40px;
    position: relative;
    cursor: pointer;
}

.lanmu li .arr:after {
    content: '';
    border-top: 2px solid #ccc;
    border-left: 2px solid #ccc;
    box-sizing: content-box;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 15px;
}

.lanmu-box {
    display: none;
}

.lanmu-box p {
    margin: 0;
    border-top: 1px dotted #ddd;
    padding-left: 15px;
}

.lanmu-box p a {
    padding: 0 25px;
    display: block;
    line-height: 40px;
}

.lanmu-box p.on a {
    color: #dd0000;
}

.lanmu li > a:hover, .lanmu li.active > a {
    color: #dd0000;
    background: deepskyblue;

}

.lanmu li.open .lanmu-box {
    display: block;
}

.lanmu li.open .arr:after {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

.sub-tit {
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    color: #0d5ba4;
    font-weight: bold;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.curmbs {
    float: right;
    font-weight: normal;
    font-size: 14px;
    color: #999;
    line-height: 25px;
    background: url(../images/home1.png) no-repeat 0 center;
    padding-left: 20px;
}

.curmbs em {
    font-style: normal;
    padding: 0 5px;
}

.yunu-link {
    padding: 20px 0;
}

.yunu-link h4 {
    border-bottom: 1px solid #ddd;
    margin: 0;
    font-size: 18px;
    color: #0d5ba4;
    padding-bottom: 15px;
}

.yunu-link h4 small {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
    color: #999;
}

.yunu-link ul {
    margin-top: 20px;
}

.yunu-link li {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}

.list-1 {
    margin: -20px 0 0 -20px;
}

.list-1 li {
    float: left;
    width: 33.333333%;
}

.list-1 li a {
    display: block;
    margin: 20px 0 0 20px;
}

.list-1 li .img-center {
    background-color: #fff;
    height: 240px;
    line-height: 240px;
    border: 1px solid #ddd;
}

.list-1 li p {
    text-align: center;
    margin: 15px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
}

.list-1 li a:hover .img-center {
    border-color: #dd0000;
}

.list-1-1 li .img-center {
    height: 220px;
    line-height: 220px;
}

.list-3 {
}

.list-3 li {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.list-3 li a {
    display: block;
    overflow: hidden;
}

.list-3 li .img-center {
    float: left;
    width: 240px;
}

.list-3 li .text {
    margin-left: 260px;
}

.list-3 li .text h4 {
    font-size: 20px;
    margin: 0;
}

.list-3 li .text .date {
    margin-top: 10px;
    color: #999;
    font-size: 12px;
}

.list-3 li .text p {
    margin: 10px 0 0;
    color: #777;
    line-height: 1.8;
    text-align: justify;
}

.list-3 li .text span {
    float: right;
    line-height: 24px;
    border: 1px solid #ddd;
    border-radius: 50px;
    padding: 0 20px;
    margin-top: 10px;
}

.list-3 li a:hover .text span {
    background-color: #dd0000;
    color: #fff;
    border-color: #dd0000;
}

.list-4 li {
    border-bottom: 1px dotted #ccc;
}

.list-4 li a {
    display: block;
    line-height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../images/libg.jpg) left center no-repeat;
    padding-left: 20px;
    font-size: 16px;
    color: #666;
}

.list-4 li span {
    float: right;
    font-size: 12px;
    color: #666;
}

.content-title {
    margin-bottom: 20px;
    text-align: center;
}

.content-title h1 {
    font-size: 22px;
    margin: 0;
}

.content-title p {
    margin: 15px 0 0;
    font-size: 12px;
    color: #999;
    border-top: 1px dashed #ddd;
    padding-top: 15px;
}

.content-title p span {
    padding: 0 10px;
    display: inline-block;
}

.content-body {
    line-height: 1.8;
}

.content-body img {
    max-width: 100% !important;
    height: auto !important;
    width: auto !important;
}

.content-exp {
    padding: 10px 15px;
    font-size: 12px;
    background-color: #f5f5f5;
    margin-top: 20px;
    border-radius: 5px;
}

.content-exp li {
    line-height: 2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.dede_pages {clear: both;padding: 50px 0 0 0;font-size: 14px;text-align: center; overflow: hidden}

.dede_pages ul {display: inline-block;margin: 0 auto;padding: 0}

.dede_pages ul li {float: left;font-family: 'microsoft yahei';margin: 0 2px;line-height: 25px;background: #fff;border: 1px solid #d8dadf}

.dede_pages ul li:nth-child(1) { padding: 0 10px}

.dede_pages ul li:nth-child(1) a { padding: 0}

.dede_pages ul li a {color: #555;display: block;padding: 0 10px;}

.dede_pages ul li:hover {text-decoration: none;color: #fff;border: 1px #333 solid;background-color: #333}

.dede_pages ul li:hover a {color: #fff}

.dede_pages ul li:hover a:hover {color: #fff;text-decoration: none}

.dede_pages ul li.active span {background-color: #333;color: #fff;border: 1px #333 solid; padding: 0 10px}

.dede_pages ul li:last-child { padding: 0 10px}

.dede_pages ul li:last-child a { padding: 0}

.dede_pages ul li.thisclass a {color: #fff; padding: 0}

.dede_pages .pageinfo {line-height: 30px;padding-left: 5px}

.dede_pages strong {font-weight: 400}


.section {
    padding: 50px 0;
}

.section-title {
    text-align: center;
    margin-bottom: 30px;
    font-size: 26px;
    font-weight: bold;
}

.section-title span {
    color: #1e4890;
}

.section-title small {
    display: block;
    color: #999;
    font-size: 14px;
    font-weight: normal;
    margin-top: 10px;
}

.in-case-menu {
    float: left;
    width: 300px;
}

.in-case-menu li a {
    display: block;
    background: url(../images/ag2.jpg) no-repeat center / 100% 100%;
    line-height: 64px;
    padding-left: 64px;
    font-size: 16px;
    padding-right: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.in-case-menu li.active a {
    background-image: url(../images/ag1.jpg);
    color: #fff;
}

.in-case-con {
    margin-left: 325px !important;
}

.in-case-con dl {
    margin: 0;
    overflow: hidden;
}

.in-case-con dt {
    float: left;
    width: 436px;
}

.in-case-con dd {
    margin-left: 466px;
}

.in-case-con dd h4 {
    margin: 0;
    font-size: 18px;
}

.in-case-con dd .case_conn {
    margin: 20px 0 0;
    color: #777;
    line-height: 2;
    text-align: justify;
    height: 258px;
}

.in-case-con dd .more {
    display: block;
    width: 180px;
    line-height: 38px;
    background-color: #dd0000;
    color: #fff;
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
}

.in-honours ul {
    font-size: 0;
}

.in-honours li {
    width: 280px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.in-honours li a {
    display: block;
}

.in-honours li .img-center {
    height: 300px;
    line-height: 300px;
    background-color: #fff;
}

.in-honours li p {
    text-align: center;
    margin: 15px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}

.in-about {
    margin: 0;
}

.in-about dt {
    float: left;
    width: 526px;
}

.in-about dd {
    margin-left: 550px; line-height: 30px
}

.in-about dd p {
    margin: 0;
    line-height: 2;
    text-align: justify;
}

.g-choose{ display: none;}

@media (max-width: 768px) {
    .toolbar {display: none;}

    .container {
        width: auto;
    }

    .footer {
        padding: 30px 0;
    }

    .footer .container {
        width: 100% !important;
    }

    .footer-nav {
        display: none;
    }

    .footer-ewm {
        display: none;
    }

    .footer-info {
        background: none !important;
        padding: 0;
        margin: 10px;
        font-size: 12px;
    }


    .section, .container, .wrap { width: auto;}

    .container {padding: 0 15px;}

    .ct2-sd {
        display: none;
    }

    .ct2-mn {
        float: none;
        width: auto;
    }

    .sub-tit {
        width: auto;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    .curmbs {
        display: none;
    }

    .content-body { width: auto}

    .pages {
        margin-top: 20px;
    }

    .pages a {
        font-size: 12px;
        line-height: 30px;
        padding: 0 12px;
    }

    .list-1 {
        margin: -15px 0 0 -15px;
    }

    .list-1 li {
        width: 50%;
    }

    .list-1 li a {
        margin: 15px 0 0 15px;
    }

    .list-1 li .img-center {
        height: 188px;
        line-height: 188px;
    }

    .list-1 li p {
        margin-top: 10px;
    }

    .list-1 li a:hover .img-center {
        border-color: #dd0000;
    }

    .list-1-1 li .img-center {
        height: 108px;
        line-height: 108px;
    }

    .report_btn { display: none;}

    .in-case-menu {
        display: none;
    }

    .in-case-con {
        margin: 0;
    }

    .in-case-con dt {
        float: none;
        width: auto;
    }

    .in-case-con dd {
        margin: 15px 0 0;
    }

    .in-case-con dd p {
        height: auto;
        margin: 10px 0 0;
        line-height: 1.8;
    }

    .in-case-con dd .more {
        margin-top: 15px;
    }

    .in-honours li {
        width: 140px;
    }

    .in-honours li .img-center {
        height: 150px;
        line-height: 150px;
    }

    .in-honours li p {
        margin-top: 10px;
    }

    .in-about dt {
        float: none;
        width: auto;
    }

    .in-about dd {
        margin: 15px 0 0;
    }

    .in-about dd p {
        line-height: 1.8;
    }

    .in-lc li {
        width: 100%;
    }

    .in-news {
        margin-top: -20px;
    }

    .in-news .item {
        width: 100%;
    }

    .in-news .wrap {
        margin-top: 20px;
    }

    .in-news .img-center {
        display: none;
    }

    .in-news .title-1 {
        font-size: 18px;
    }

    .in-case-con {
        margin-left: 0 !important;
    }

    .ct2-sd {
     display: block;
        width: 100%;
    }


    .left-news {
        display: block;
    }

    .left-news .tit{
        padding: 6px 0;
    }

    .left-contact {
        display: none;
    }
    .lanmu li {
        border-bottom: 1px dotted #ddd;
        width: 33%;
        float: left;
    }



    .in-case-con dd .case_conn { height: auto !important;}
    .case_conn p{ font-size: 0.8rem;}


    /* 选择理由*/
    .g-choose { display: block; height:auto; overflow:hidden; }
    .g-choose h2 { height:40px; line-height:34px; font-size:18px; font-weight:bold; color:#fff; text-align:center;background: #09F;border-left:5px solid #ff0000;border-right:5px solid #ff0000; position:relative; }
    .g-choose h2:before { content:""; position:absolute; width:100%; height:3px; bottom:0; left:0; background-color:#f99121; }
    .g-choose .m-ch { height:auto; overflow:hidden; }
    .g-choose .m-ch dl { padding:19px 13px 0 47px; position:relative; width:300px; top:0; left:7px; overflow:hidden; background:url(../images/01.png) no-repeat 0 20px; background-size:44px 38px; }
    .g-choose .m-ch dl:before { content:""; position:absolute; width:100%; height:4px; top:0; left:0; background:url(../images/yssha.png) no-repeat; background-size:100%; -webkit-background-size:100%; }
    .g-choose .m-ch dl dt { width:258px; font-size:13px; color:#0399d3; font-weight:bold; height:22px; border-bottom:1px dotted #b2b2b2; overflow:hidden; }
    .g-choose .m-ch dl:nth-child(2) {
        background:url(../images/02.png) no-repeat 0 20px;
        background-size:44px 38px;
        -webkit-background-size:44px 38px;
    }
    .g-choose .m-ch dl:nth-child(3) {
        background:url(../images/03.png) no-repeat 0 20px;
        background-size:44px 38px;
        -webkit-background-size:44px 38px;
    }
    .g-choose .m-ch dl:nth-child(4) {
        background:url(../images/04.png) no-repeat 0 20px;
        background-size:44px 38px;
        -webkit-background-size:44px 38px;
    }
    .g-choose .m-ch dl dd { padding:5px 0 14px 0; }
    .g-choose .m-ch dl dd p { font-size:12px; line-height:20px; width:90%; overflow:hidden; }
    .g-choose .m-ch dl dd p em { font-style:normal; color: #F00; }
    .g-choose .m-ch .u-xq { height:35px; line-height:35px; overflow:hidden; padding:0 0 0 103px; background-color:#f9f9f9; border-top:1px solid #eaeaea; border-bottom:1px solid #dddcdc; color:#242424; position:relative; background-image: -webkit-linear-gradient(top, #fbfbfb, #e8e8e8); background-image: -moz-linear-gradient(top, #fbfbfb, #e8e8e8); }
    .g-choose .m-ch .u-xq:before { content:""; position:absolute; width:100%; height:1px; bottom:0; left:0; background-color:#fff; }
    .g-choose .m-ch .u-xq span { border-radius:25px; background-color:#575757; width:13px; height:13px; top:2px; left:-8px; display:inline-block; position:relative; }
    .g-choose .m-ch .u-xq span:before { content: ""; position: absolute; width: 0; height: 0; border-left: 4px solid #fff; border-top: 4px solid transparent; border-bottom: 4px solid transparent; top:2px; left:5px; }


}


.page-body img {
    max-width: 100%;
}